2010-06-01 56 views
0

我有這樣的事情:<span></span>大幹快上IE8忽略,而不是在Mozilla

<ul> 
    <li> 
     <div> 
     <div style="display:inline"> 
      <a><span class="ui-icon ui-icon-circle-plus floatleft "></span></a> 
     </div> 
     <input type="checkbox"> <label>good</label> 
    </div> 
    </li> 
</ul> 

子彈繼續IE8跨度上面,我想使它跨度之前保持就像在Mozilla,任何人都知道如何?

+0

你能列出你的CSS嗎?將'display:inline'與'floatleft'結合起來看起來已經可疑了..... – zildjohn01 2010-06-01 11:56:13

+0

@ zildjohn01我使用jquery.ui和我自己的一些CSS,但它並不重要,只是所有標記都重置, mozilla – Omu 2010-06-01 12:01:13

+0

你的期望是什麼?你有一個DOCTYPE聲明?只有在定義了文檔類型時,IE8才支持一些CSS規則。 – Kangkan 2010-06-01 12:04:10

回答

1

在我看來,如果你有一個< DIV>沒有內嵌樣式的<李裏>,外< DIV風格=「顯示:內聯」> 既如此,我希望外部的div被格式化爲一個塊,而不是與子彈在同一行。我很驚訝,其他瀏覽器確實把它放在同一條線上。

+0

我同意。從查看HTML中,我不會期望跨度旁邊的子彈。 – Gabe 2010-06-01 13:18:24

+0

它們在所有瀏覽器中位於同一行,問題在於,因爲跨度沒有內容,所以子彈會越過它,因爲它不存在(跨度也有浮動,可能這很重要) – Omu 2010-06-01 13:23:56