在IE6,IE7下使用<span>標(biāo)簽時(shí),在加入右浮動(dòng)樣式后,會(huì)換行的bug解決方案:

bug案例:新聞列表中,為使時(shí)間右對齊,加右浮動(dòng)產(chǎn)生換行<ul><li><a href=“#”>新聞1</a> <span>2012-12-24</span></li><li><a href=“#”>新聞1</a> <span>2012-12-24</span></li> <li><a href=“#”>新聞1</a> <span>2012-12-24</span></li> <li><a href=“#”>新聞1</a> <span>2012-12-24</span></li> </ul>

解決方案:

1. span和a標(biāo)簽交換位置. <li><span>2012</span><a>新聞</a></li> 缺點(diǎn):語義結(jié)構(gòu)發(fā)生改變,不合邏輯. 2. a加左浮動(dòng),span加右浮動(dòng) 3. 使用IE hack 在span標(biāo)簽中加入只有IE6,7可以識(shí)別的樣式 *margin-top:20px; _margin-top:20px; 說明,使換行的部分根據(jù)margin-top再呈現(xiàn)出來.

也曾看到過有網(wǎng)友通過在span的父類中設(shè)置相對定位,然后通過為span設(shè)置絕對定位和右浮動(dòng)實(shí)現(xiàn).有興趣的朋友可以看下.

li {position:relative; width:200px;}li span{position:absolute; right:0px;}

　　

總結(jié)

以上是生活随笔為你收集整理的ie6 span 换行IE6中float:right换行问题的替代解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。