在組之間添加空格單選按鈕

Question

我有一組單選按鈕， 現在我怎麼能在組之間添加空格？單選按鈕的選項。 這樣

http://img692.imageshack.us/img692/3955/radiod.jpg

或者使用CSS

Answer 1

Discodancer提供valiad的答案，但要注意IE6不支持屬性選擇器（http://www.quirksmode.org/css/contents.html），你並不需要一個黑客通過應用類的單選按鈕來克服這個問題

所以你的HTML是：

 
<input type="radio" name="foo" class="bar" value="lorem"> Lorem <br> 
<input type="radio" name="foo" class="bar" value="ipsum"> Ipsum <br> 
<input type="radio" name="foo" class="bar" value="dolor"> Dolor 

和CSS可以像：

input.bar { margin: 5px 0; } 

Answer 2

line-height可能是你最好的選擇

Answer 3

嘗試把這個在你的樣式表：

input[type=radio] { margin-bottom: 15px } 

當然，你可以增加15px到儘可能多的你喜歡的。

Answer 4

<p class="radios"> 
    <label><input type="radio"> Foo</label> 
    <label><input type="radio"> Bar</label> 
</p> 

.radios label { 
    display: block; 
    margin-bottom: 15px; 
} 

易於操作，應該可以在所有瀏覽器中工作。對於所有表單元素，特別是單選按鈕和複選框，始終使用label，以便可以單擊文本以及用微小按鈕選擇該選項。