Question

我注意到如果我有一个文本，然后是收音机，如：

<label for "myradio">Radio name</label>
<div class="holder">Yes <input type="radio" name="myradio" value="Yes"></div>
<div class="holder">No <input type="radio" name="myradio" value="No"></div>

其中：

label       { width: auto; margin-left: 15px; float: left; }
.holder     { float: left; line-height: 13px; margin: 6px 0 0 7px;  }
.holder input[type=radio]   { float: right; }

现在问题在于，收音机出现在下面（如果有一个上边距）文本“是”或“否”之后。

现在，如果我向我的.holder添加一个宽度（足够宽），我会在同一行中同时获得文本和广播。但是，如果宽度小于yes + radio的宽度，则收音机会像以前一样降低位置。

如果它只是“是”和“否”，我可以使用固定宽度，但问题是那些“是”和“否”是数据库生成的，因此我无法控制文本宽度。所以我需要一种不同的方式将文本和广播放在同一行。

任何想法的人？

Answer 1

检查我的jsfiddle

这是你想要达到的目标吗？只需添加

 .holder span{float: left;margin-right: 3px;}
 .holder input{float: left;}

并在

中包含“是”和“否”

 <span></span>

标签

单选按钮垂直对齐及其宽度

1 个答案: