眾所周知比較常見的css文本對(duì)齊方式是,居中對(duì)齊,左對(duì)齊,右對(duì)齊,而這三種方式能解決大多數(shù)的文本對(duì)齊,今天我為大家?guī)?lái)比較少見的兩段對(duì)齊。
3.效果如下圖:

兩端對(duì)齊.png
1.HTML代碼:
<div class="justify">
<div class="li">第一</div>
<div class="li">第二</div>
<div class="li">第三有點(diǎn)</div>
</div>
2.css代碼:
.justify{
padding: 0 20px;
margin-top: 10px;
width: 100px;
background-color: #00FF33;
line-height: 40px;
text-align-last: justify;/* 兩端對(duì)齊 */
color: #0000FF;
list-style: none;
}
還有其他的方法歡迎大家留言補(bǔ)充。