8 中<li>標籤中含有浮動的<span>標籤不在一行的處理

IE6/7/8 中<li>標籤中含有浮動的標籤不在一行的處理

​原始代碼在Google瀏覽器顯示正常,在IE顯示不在一行。

<code>
  • /<code>

    轉換為如下,就顯示正常了。

    <code>
  • /<code>

    將span標籤放到


    網上有人這樣解釋:

    因為只有塊級元素才能設置浮動,所以span設置浮動就是默認了塊級元素,而html先加載a標籤的內容,那麼span的內容就會由於span的display:block而重新獨佔一行。這樣就導致視頻日期掉下來的結果,如果把span換到a的右邊,文檔就會先加載span,此時設置浮動後會導致文字環繞,在等高情況下會顯示同行。


    分享到:


    相關文章: