多行文字两端对齐

效果图

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

猜你喜欢

转载自www.cnblogs.com/dxt510/p/11207842.html