ie6 span 换行IE6中float:right换行问题的替代解决方案
生活随笔
收集整理的這篇文章主要介紹了
ie6 span 换行IE6中float:right换行问题的替代解决方案
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 附加到SQL2012的数据库就不能再附加
- 下一篇: cacati的安装