ie6 span 換行IE6中float:right換行問題的替代解決方案

在IE6,IE7下使用標籤時,在加入右浮動樣式後,會換行的bug解決方案:


bug案例:新聞列表中,爲使時間右對齊,加右浮動產生換行

<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標籤交換位置.
<li><span>2012</span><a>新聞</a></li>
缺點:語義結構發生改變,不合邏輯.
2.
a加左浮動,span加右浮動
3.
使用IE hack 在span標籤中加入只有IE6,7可以識別的樣式
*margin-top:20px;
_margin-top:20px;
說明,使換行的部分根據margin-top再呈現出來.