当前位置: 代码迷 >> Web前端 >> ie6 span 换行解决span float:right不能右对齐而是换行展示
  详细解决方案

ie6 span 换行解决span float:right不能右对齐而是换行展示

热度:462   发布时间:2012-06-26 10:04:13.0
ie6 span 换行解决span float:right不能右对齐而是换行显示

ie6 span 换行解决span float:right不能右对齐而是换行显示

  例子:如何解决span右对齐的问题 这样的写法经过测试在IE8和firefox浏览器里可以正确显示在同一行,而在360浏览器中”span右对齐的问题”这几个字却显示到下一行的最右边,原因和解决方法如下:

  当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥

  也就是说,你的span是float:right,但是前面h1的内容”如何解决”还是float:none,如果要前后文字占据同一行,一般有两个解决方法:

  1、把span右对齐的问题代码置于前

  span右对齐的问题:如何解决

  2、给前面的文本设置float属性

  如何解决span右对齐的问题

  备注:今日发现在IE6下上面的代码还是不能很好的显示,IE6解决方法如下:

  保持H1在前,span float:right在后,给span添加一个_margin-top:-20px;(数值根据需要自己调整),即

  如何解决span右对齐的问题

  相关解决方案