Jquery 对齐标签旁边的单选按钮
以下是该页面的链接: 我使用以下CSS样式:Jquery 对齐标签旁边的单选按钮,jquery,html,css,twitter-bootstrap,radio-button,Jquery,Html,Css,Twitter Bootstrap,Radio Button,以下是该页面的链接: 我使用以下CSS样式: input[type="radio"]{ vertical-align: baseline; } 此外,我们正在使用引导框架 由于某些原因,我无法使标签直接与单选按钮对齐 你知道如何做到这一点吗?这需要一点努力,但我相信这应该是你想要的 您需要将文本包装在span标记中: HTML 然后您只需添加一个clear:left到它下面的文本。您可以将文本包装在一个跨距中,并使跨距与输入的行高度相同height@Martijn你能提供答案吗?请阅读我
input[type="radio"]{
vertical-align: baseline;
}
此外,我们正在使用引导框架
由于某些原因,我无法使标签直接与单选按钮对齐
你知道如何做到这一点吗?这需要一点努力,但我相信这应该是你想要的 您需要将文本包装在
span
标记中:
HTML
然后您只需添加一个
clear:left编码>到它下面的文本。您可以将文本包装在一个跨距中,并使跨距与输入的行高度相同height@Martijn你能提供答案吗?请阅读我会考虑改变你的无线电输入类型的高度,使他们不是48 px的高度。可能还需要在某个地方调整线条高度。
<label>
<input type="radio">
<span>Yes</span>
</label>
label {
display: table;
float:left;
}
input,span{
display: table-cell;
vertical-align: middle;
}