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

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


2012-02-17 13:09:59 1,844 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日 距今4765 天
      • 日志总数: 2461
      • 评论总数: 630
      • 标签总数: 654
      • 链接总数: 273
      • 最后更新: 2017-7-1 18:16:33
      • 您是本站第 13201901 位访客

      广告区 Guǎng Gào