css实现文字两端对齐

以前做C/S开发的时候，经常使用填充空格的方式实现文字的两端对齐。但是有些时候，填充空格的方式，我们常常无法确认需要具体填充几个空格。

通过text-align: justify，其实现的效果就是可以让一行文字两端对齐显示（文字内容要超过一行）。但是只有这个属性还是不行的，要使文字两端对齐，我们还得使用一个行内空标签来助阵，比如、等。

小的Demo

@section Style {
    <style rel="stylesheet" type="text/css">.div {
        width: 500px;
        border: 1px solid red;
        text-align: justify;
        margin-top: 15px;
    }

    div li {
        display: inline-block;
        width: 100%;
    }

    </style>
}