多行文字两端对齐

概述效果图 html <div class="w1">可用库存</div><div class="w2">底油量</div><div class="w3">在途</div> css /*三个字*/.w2{letter-spacing:0.5em; /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */margin-right:-0.5

效果图

@H_502_10@

HTML

<div class="w1">可用库存</div><div class="w2">底油量</div><div class="w3">在途</div>

CSS

/*三个字*/.w2{letter-spacing:0.5em; /*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */margin-right:-0.5em; }/*两个字*/.w3{letter-spacing:2em; /**/margin-right:-2em;} 

总结

以上是内存溢出为你收集整理的多行文字两端对齐全部内容，希望文章能够帮你解决多行文字两端对齐所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。