HTML,文字两端对齐

text-align: justify样式的意思是文字两端对齐，但是有时候你会发现这东西不起左右，比如在div标签中的文字。

解决方法:在div中放一个空的span标签,并使用下面的样式。

.justify
        {
            text-align: justify;
            width: 100px;
        }
        .justify > span
        {
            display: inline-block /* Opera */;
            padding-left: 100%;
        }

<div class="justify">需要展示的文字<span><span></div>