2011-01-05 27 views
2

我在firefox/chrome中遇到垂直對齊的問題。如何修復垂直標籤/無線電對準om css?

由於某種原因,我的單選按鈕偏移了幾個像素。

我可以讓其中一人保持一致,但對方也會相應錯過對齊

http://www.blueskycouncil.com/details_idea.php?itemid=36

(登錄使用try/ME)

+0

在Mac上的FF 3.6.x上看起來很好 - http://i53.tinypic.com/viog92.png – drudge 2011-01-05 23:55:04

+0

似乎是.radio ul li標籤{} css在邊緣頂部調整在那裏讓我更多的在鉻測試。 – shaunhusain 2011-01-06 00:05:49

回答

5
... 
<li> 
    <label>test</label> 
    <input type="radio" /> 
</li> 
... 

label,input { 
    vertical-align:middle; 
} 
label { 
    display:inline; /* display:block; and float:left; are useless */ 
    margin:0 5px 0 0; /* same for margin-top */ 
} 
input { 
    height:auto; 
} 

應該對齊的標籤和輸入在大多數情況下。

+0

thnx幫助 – ThomPete 2011-01-06 10:56:42

+0

不錯!我一直在努力幾個小時瀏覽器忽略我的佈局提示 – 2012-02-16 16:24:17