Question

我想定位我的单选按钮和checkboxes内嵌位置我已使用此css代码，但它没有工作

css

.checkbox-inline, .radio-inline {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
    vertical-align: middle;

}
input[type=radio] {
     margin-left: -20px;
    position: absolute;
}

html

<div>
 <label> <b>carburant: </b><span>(*)</span></label>
  <label class ='radio-inline'><input type='radio' name='carburant' value=1 checked> AA</label>
<label><input class ='radio-inline' type='radio' name='carburant' value=2> BB</label>
<label><input class ='radio-inline' type='radio' name='carburant' value=3> CC</label>
<label><input class ='radio-inline' type='radio' name='carburant' value=4> DD</label>
</div><br />




<div>
     <label> <b>city: </b><span>(*)</span></label>
      <label class ='checkbox-inline'><input type='checkbox' name='carburant' value=1 checked> AA</label>
    <label><input class ='checkbox-inline' type='checkbox' name='carburant' value=2> BB</label>
    <label><input class ='checkbox-inline' type='checkbox' name='carburant' value=3> CC</label>
    <label><input class ='checkbox-inline' type='checkbox' name='carburant' value=4> DD</label>
    </div><br />

我没有使用twitter bootstrap，我正在使用html5。我想在同一行显示我的按钮。

谢谢。

Answer 1

问题来自于分配给input[type=radio]代码的 CSS 属性，将它们全部删除，并使您的复选框正确位于彼此旁边......这是链接;

Radio Inlins

Answer 2

你的问题不是很清楚，但我想你想要内联你的单选按钮，我希望下面的解决方案可以帮助你。

＆＃13;

.checkbox-inline, .radio-inline {
    cursor: pointer;   
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 20px;
}

＆＃13;

<div >
 <label> <b>carburant: </b><span>(*)</span></label>
  <label class ='radio-inline'><input type='radio' name='carburant' value=1 checked> AA</label>
<label><input class ='radio-inline' type='radio' name='carburant' value=2> BB</label>
<label><input class ='radio-inline' type='radio' name='carburant' value=3> CC</label>
<label><input class ='radio-inline' type='radio' name='carburant' value=4> DD</label>
</div><br />

＆＃13;

如何定位输入类型收音机和复选框内联位置？

2 个答案: