Question

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

Answer 1

为了将元素放在一行中，您可以使用带有display值的 CSS 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。

Answer 2

我认为周围有更多的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的定义。

在一行中显示两个单选按钮

2 个答案: