首页 > 技术文章 > 多行文字两端对齐

dxt510 2019-07-18 15:51 原文

效果图

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; 
}
 

 

推荐阅读