0 
 <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 个单选按钮。我的问题是两个单选按钮都出现在两行中，并且在单选按钮之后自动出现一些空格，即在第一个单选按钮之后，一些空格出现，然后是文本。下一个单选按钮按钮出现在新行中。我需要将两者都放在单行中，文本和单选按钮之间不应有空格

4

2 回答 2

3

为了将元素放在一行中，您可以使用带值的CSS display属性：inline

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。

于 2013-02-01T12:01:32.733 回答
0

我假设周围有更多的 hmtl 和/或 ccs。我只是尝试了一下：

<!DOCTYPE html>
<html>
<head><title>Test</title></head>

<body>
<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>

</body
</html>

并且输出在一行中。

可能是你的 ul 周围的 div 太小，或者你的 css 中有 ul 的定义。

于 2013-02-01T12:04:24.587 回答