首页 > Web开发 > 详细

css实现文本两端对齐

时间:2017-04-05 17:48:09      阅读:107      评论:0      收藏:0      [点我收藏+]

要实现文本两端对齐,自然会想到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结构后,就会惊奇地发现原来没有两端对齐的文本,已经可以两端对齐了。

css实现文本两端对齐

原文:http://www.cnblogs.com/zhangzhanfeng/p/6669544.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!