css实现文本两端对齐

要实现文本两端对齐，自然会想到css属性text-align: justify;但是试过之后才发现这个属性没有起到作用，这是为什么呢？难道这个属性是个摆设吗？那肯定不是！一定是自己的问题。

 

查看html代码才知道，原来text-align: justify;这个css属性要起作用，那么html中模块之间一定要添加（空格、换行符、制表符），例如

 

<p>
    <span>专　　场：</span>
    东方源创文玩收藏拍卖专场
</p>
<p>
    <span>捐赠方向：</span>
    义卖捐助
</p>

或者：

<p>
    <span>专　　场：</span>  东方源创文玩收藏拍卖专场
</p>
<p>
    <span>捐赠方向：</span>  义卖捐助
</p>        

采用上面方法，修改完html结构后，就会惊奇地发现原来没有两端对齐的文本，已经可以两端对齐了。