首页 » 建站技术 » 浏览内容

元素 float:right 后右对齐换行原因


2012-02-17 13:09:59 2,201 0 发表评论 字体: 作者:C.K.

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。
<p style="width: 400px; height: 20px; text-align: left;">新闻新闻新闻<span style="float: right">2007-08-18</span><span style="clear: both;"></span></p>  
  •  
  • <p style="width: 400px; height: 20px; text-align: left;"><span style="float: right">2007-08-18</span>新闻新闻新闻</p>
  • 效果:


    原因:

    当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
    也就是说,你的span是float:right,但是你文本还是float:none

    如果要让两者占据同一行:

    要么你把span先于文本显示 :<span style="float: right">2007-08-18</span>(示例第3行)
    要么把文本也设成float:<span style="float: left">新闻新闻新闻</span>
    参考: http://www.zvv.cn/blog/?action=show&id=31

    网站统计 Statistics

    • 创建时间: 2005年1月3日 距今5095 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2018-8-31 17:57:04
    • 您是本站第 14273328 位访客

    广告区 Guǎng Gào