Question

这是struts标签中的单选按钮代码，单选按钮和单选按钮文本框之间的空间是如何在它们之间留出空间的拥挤

  <div class="form-group">
    <label class="col-lg-3 control-label">Gender</label>
    <div class="col-lg-5">
    <div class="btn-group" data-toggle="buttons">
    <s:radio name="studentDTO.s_gender" id="gender" list="{'Male','Female'}" />
    </div>                              
    </div>
    </div>

Answer 1

许多HTML元素都有默认的边距设置。您可以覆盖它并将其设置为0.在您的情况下，您想要在单选按钮上重置margin-right：

＆＃13;

   <input type="radio" name="beds" value="1" style="margin-right: 0" />1+

＆＃13;

您可能希望将其添加到样式表中，以便它适用于所有单选按钮：

＆＃13;

input[type="radio"] {
  margin-right: 0;
}

＆＃13;

Answer 2

我不知道struts，但看着这个你尝试过：

列表=＆＃34; {＆＃39;男＆＃39;，＆＃39;女性＆＃39;}＆＃34;

在每个＆＃39;。

之间加上一些空格

你在HTML + CSS中所做的就是可以在那里工作

Answer 3

我知道这是一个老问题但是要在Struts 2中执行此操作，如果您只想将它应用于这组单选按钮，请使用cssStyle属性。

<s:radio name="studentDTO.s_gender" id="gender" list="{'Male','Female'}" cssStyle="margin-right:20px" />

或者您可以使用cssClass属性。

<s:radio name="studentDTO.s_gender" id="gender" list="{'Male','Female'}" cssClass="radioMarginRight" />

与

.radioMarginRight{
margin-right: 20px !important;
}

这两个都将CSS应用于单选按钮和标签。为了使保证金不会应用于具有cssClass属性的标签，您可以定义以下CSS以将标签边距设置为0.

label.radioMarginRight{
margin-right: 0px !important;
}

如何在单选按钮和单选按钮文本之间留出空间

3 个答案: