如何更改单选按钮之间的填充/边距？

任何人都可以请告诉我如何使单选按钮看起来更接近彼此？（他们currentl既相互嫌远）如何更改单选按钮之间的填充/边距？

我试图用“填充左”下面，但这并没有解决我的问题。任何人都可以告诉我究竟出了什么问题？

我想：

.gform_wrapper .left_label ul.gfield_checkbox, 
.gform_wrapper .right_label ul.gfield_checkbox, 
.gform_wrapper .left_label ul.gfield_radio, 
.gform_wrapper .right_label ul.gfield_radio { 
    margin-left: 32%; 
    overflow: hidden; 
    padding-left: 20px; 
}

来源

2013-01-24 Irwin

我认为你必须使用表来对齐你想要的任何地方 – Rahul

#main-content .gform_wrapper label { 
    width: 200px; 
}

这条规则被应用到你的单选按钮标签，这就是为什么你有项目之间如此大的空间。

来源

2013-01-24 07:43:23 aquinas

试试这可能会减少单选按钮之间的空间。

.ginput_container UL李标签{宽度：120像素;}

来源

2013-01-24 07:43:53 Gopikrishna

您需要更改标签的宽度为“男性”，“女性”等，我想补充一个类的标签，使他们不从另一个规则中获得200px的宽度。从理论上讲，

<li class="gchoice_6_0"> 
    <input name="input_6" type="radio" value="Male" id="choice_6_0" tabindex="4" onclick="gf_apply_rules(3,[0]);"> 
    <label for="choice_6_0" class="radioLabel">Male</label> 
</li>

然后添加以下规则，以你的CSS

#main-content .gform_wrapper label.radioLabel { 
    width:30px; //Adjust this width for the result you want. 
}

来源

2013-01-24 07:46:12 Ares

比方说，你将有2行，每行有2个单选按钮，就像您所提供的链接。

一线

<div class="radioDiv"> 
    <input type="radio" name="group1" class="leftRadio" value="male"/> 
    <input type="radio" name="group1" class="rightRadio" value="female"/> 
</div>

二线

<div class="radioDiv"> 
    <input type="radio" name="group2" class="leftRadio" value="single"/> 
    <input type="radio" name="group2" class="rightRadio" value="married"/> 
</div>

CSS

.radioDiv 
{ 
    width:200px; 
} 
.leftRadio 
{ 
    float:left; 
} 
.rightRadio 
{ 
    float:right; 
}

来源

2013-01-24 07:48:21

使用此：

<label for="choice_6_0" style="width: 50px;">Male</label>

并添加宽度像男性等所有标签

来源

2013-01-24 07:50:44

您的各种CSS文件数，矛盾的规则。
例如，this说

.wpcf7-form label, #main-content .gform_wrapper label { 
    float: left; 
    width: 70px; 
}

而this说

#main-content .gform_wrapper label { width: 200px; }

后者恰好覆盖前者，但仅仅是因为你以后有第二个文件。

因此，您可以删除第二行中的行或更改包含CSS文件的顺序。

来源

2013-01-24 07:51:43

如何更改单选按钮之间的填充/边距？

回答

相关问题