span 右浮动折行解决ie6/7中span右浮动折行问题( 二 ) _云知道

如 *margin:-23px 5px 0 0，这样既可消除 IE6 IE7 中的 Bug，但是这么做是利用了浏览器的 Bug，并没有消除 Bug 。在能有个更好的解决方法的时候，不推荐使用 CSS hack 来解决问题。调整SPAN元素的位置。通过上面总结的 Bug 触发条件，我们可以考虑直接调整父容器中 SPAN 子元素的位置来回避 IE6 IE7 中此 Bug，即将右浮动的 SPAN 元素调整到所有非浮动 SPAN 元素之前。

复制代码代码如下:
div style="border:1px solid black; font:14px Verdana; padding:5px;"
span style="background:tomato; float:right;"Some text aligning right/span
span style="background:gold;"Text1/span
span style="background:lightblue;"Text2/span
span style="background:pink;"Text3/span
span style="background:greenyellow;"Text4/span
span style="background:peru;"Text5/span
/div

span 右浮动折行解决ie6/7中span右浮动折行问题( 二 )

推荐阅读

开奶茶店有多大利润?需要多少投资?

帮人刷了单违法的吗

香螺煮几分钟能熟海螺的做法煮多长时间

琉璃是哪部电视剧里的人物琉璃是什么电视剧中的角色

马的寓意和象征风水马的意头以及所象征的风水

昌黎先生是哪位诗人的别称昌黎先生是哪位诗人

怎么辨别黄花梨木

无线耳机丢了一只怎么办

猪肺汤的做法

方的近义词是什么

好看！

小编分享美团外卖号码保护功能的使用步骤介绍。

兰蔻粉水是什么价格怎样

网络赚钱的11大渠道怎样从网上赚钱

赞美母亲的名言和诗句赞美母亲的话

华为p7销量，华为p7销量怎么样

span 右浮动折行 解决ie6/7中span右浮动折行问题( 二 )

推荐阅读

span 右浮动折行解决ie6/7中span右浮动折行问题( 二 )