2013-02-07 188 views
0

我遇到了一個奇怪的問題,在CSS中。您可以使用複選框here查看錶單。帶複選框的文本沒有正確對齊。它分成兩行。它在FF,IE,Chromium在Linux和opera上運行良好,但在Windows 7上不能運行。
現在,這裏有趣的部分。右擊例如任何感覺。必須觀察和檢查元素。 這是第一個匹配的CSS規則CSS顯示:塊不工作谷歌瀏覽器在Windows 7

.addCheckbox label, .addRadio label { 
font-size: 15px; 
} 

編輯它並添加display:block。 所以新的CSS將

.addCheckbox label, .addRadio label { 
font-size: 15px; 
display: block; 
} 

現在取消選中display:block禁用新添加的CSS,瞧你可以看到形式完美呈現。 所以我得到不同的呈現相同的CSS。任何人都有任何線索如何解決這個問題? 同樣的CSS在Windows 7上最初使用chrome工作得很好,直到最近有人指出它。

瀏覽器信息:鉻24.0.1312.57在Windows 7

+0

您是否嘗試過用'.addCheckbox標籤,.addRadio標籤{display:inline; ''? – zessx

+0

通過強制顯示你的意思是在我的css文件中添加'display:block'?是的,我已經嘗試過,但沒有任何改變 – Terminal

+1

爲什麼不包括標籤其中包含圖標複選框內跨度的內聯? 加刪除浮動:離開復選框類,我認爲這裏不需要。並給Label留下餘量。希望能幫助到你。 –

回答

1

刪除浮動:從CheckBox類離開,我覺得這裏是不需要的。 並調整帶有空白左邊的標籤標籤。

此外,從這個類:.radio.inline,.checkbox.inline ...嘗試刪除顯示:內聯塊和控制李和跨度填充和邊距。爲了記住我,請嘗試使用display:block來記住我的標籤。

希望它有幫助。

相關問題