多行文字两端对齐
效果图
html
<div class="w1">可用库存</div> <div class="w2">底油量</div> <div class="w3">在途</div>
css 如果需要y个字两端对齐,则为(x-y)/(y-1),这里是(4-2)/(2-1)=2em
/*三个字*/ .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; }