ie6 span 换行解决span float:right不能右对齐而是换行显示
2014-07-04 17:43
381 查看
ie6 span 换行解决span float:right不能右对齐而是换行显示
例子:如何解决span右对齐的问题这样的写法经过测试在IE8和firefox浏览器里可以正确显示在同一行,而在360浏览器中”span右对齐的问题”这几个字却显示到下一行的最右边,原因和解决方法如下:
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
也就是说,你的span是float:right,但是前面h1的内容”如何解决”还是float:none,如果要前后文字占据同一行,一般有两个解决方法:
1、把span右对齐的问题代码置于前
2、给前面的文本设置float属性
备注:今日发现在IE6下上面的代码还是不能很好的显示,IE6解决方法如下:
保持H1在前,span float:right在后,给span添加一个_margin-top:-20px;(数值根据需要自己调整),即
如何解决span右对齐的问题
例子:如何解决span右对齐的问题这样的写法经过测试在IE8和firefox浏览器里可以正确显示在同一行,而在360浏览器中”span右对齐的问题”这几个字却显示到下一行的最右边,原因和解决方法如下:
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
也就是说,你的span是float:right,但是前面h1的内容”如何解决”还是float:none,如果要前后文字占据同一行,一般有两个解决方法:
1、把span右对齐的问题代码置于前
2、给前面的文本设置float属性
备注:今日发现在IE6下上面的代码还是不能很好的显示,IE6解决方法如下:
保持H1在前,span float:right在后,给span添加一个_margin-top:-20px;(数值根据需要自己调整),即
如何解决span右对齐的问题
相关文章推荐
- ie6 span 换行解决span float:right不能右对齐而是换行显示
- span元素float:right 后右对齐换行原因及其解决
- [HTML][CSS]解决CSS中float:right后右对齐换行问题
- ie6中span设置float:right时串行问题解决方法
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- IE6、7、8中css给span加float:right右浮动后内容换行下移
- 解决ie6、ie7、ie8下float为right换行的情况
- 解决ie6、ie7下float为right换行的情况
- CSS中右对齐float:right换行的解决方法
- 解决IE6下float right 换行bug方案
- 解决ie6、ie7、ie8下float为right换行的情况
- 解决CSS中float:right后右对齐换行问题
- CSS中右对齐float:right换行的解决办法
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- 解决ie6、ie7下float为right换行的情况
- div中加入span右对齐后出现换行显示两种解决思路(同行显示,一个居中,一个靠右)
- 解决ie6、ie7下float为right换行的情况
- div中加入span右对齐后出现换行显示两种解决思路
- ie下li标签中span加float:right不换行问题解决方案