多行文字两端对齐

效果图

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

 

posted @ 2019-07-18 15:51  党欣彤  阅读(531)  评论(0编辑  收藏  举报