html - javascript - Css span wrap text - 文字の半分にCSSを適用することは可能ですか?

他 3 件以上を表示 / javascript / css

私が探しているもの:

TylerH



Answer #1
$(function(){
  $('span').width($('span').width()/2);
  $('span:nth-child(2)').css('text-indent', -$('span').width());
});
body{
  font-family: arial;
}
span{
  display: inline-block;
  overflow: hidden;
}
span:nth-child(2){
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>X</span><span>X</span>