CSS小技巧：实现文字两端对齐

写法一（缺点兼容性差）

div {
width: 100px;
border: 1px solid red;
text-align: justify;
text-align-last: justify;
text-justify: distribute;
}

写法二（引入伪类） 4000
text-align: justify; 属性可单独使用，前提是文本需要超过两行，不过最后一行不会两边对齐。因此如果是单行，可使用 hack 来“伪造”最后一行，以达到单行视觉上的两边对齐效果。

div{
width:500px;
text-align: justify;
}
div:after {
content: " ";
display: inline-block;
width: 100%;
}