<ul>
<li style="list-style:none;">
<input type="radio" name="custom_type" value="public" />
Public
<input type="radio" name="custom_type"
value="private" id="custom_venuetype_private" />Private
</li>
</ul>
我有 2 个单选按钮。我的问题是两个单选按钮都排成两行,并且在单选按钮之后自动出现一些空白,即在第一个单选按钮之后,出现一些空白,然后是文本。并且下一个单选按钮出现在新行中。我需要在单行中同时使用,并且文本和单选按钮之间不需要空格
最佳答案
为了将元素放在一行中,您可以使用具有 inline
值的 CSS display
属性:
HTML:
<ul>
<li style="list-style:none;">
<input type="radio" name="custom_type" value="public" />
Public
<input type="radio" name="custom_type"
value="private" id="custom_venuetype_private" />
Private
</li>
</ul>
CSS:
.li {display:inline}
这里是 JSFiddle .
关于html - 在一行中显示两个单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14645709/