HTML,文字两端对齐

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

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

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

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

原文地址:https://www.cnblogs.com/carlows/p/7387997.html