我知道这里有很多答案。我搜索,尝试适应,但我一直都失败了,这就是我现在问的原因。
我有以下问题。我希望标签和输入都在同一行:是 o 否 o(o 表示输入)。
这里是我的以下代码,注意我将标签的显示属性更改为内联 block :
<div class="col-sm-3">
<label>Yes</label>
<input type="radio" name="yes/no" checked>
<label>No</label>
<input type="radio" name="yes/no" >
</div>
很抱歉回答,虽然有很多类似的问题和答案,但改编它们并没有奏效......
最佳答案
如果您希望输入和标签“底部对齐”,请尝试使用vertical-align: text-bottom
。
input[type='radio'] {
vertical-align: text-bottom;
margin-bottom: 1px;
}
div {
display: inline-block;
border: 1px solid black;
}
<div class="col-sm-3">
<label>Yes</label>
<input type="radio" name="yes/no" checked>
<label>No</label>
<input type="radio" name="yes/no" >
</div>
关于css - 如何将输入 ="radio"与其标签对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55160428/