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つのラジオボタンを持っています.私の問題は、両方のラジオボタンが2行で来て、ラジオボタンの後に自動的に空白が来ることです.ボタンは新しい行に表示されます。両方が1行で必要であり、テキストとラジオボタンの間にスペースは必要ありません

4

2 に答える 2

3

要素を 1 行に配置するには、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>

出力は1行です。

ul の周りの div が小さすぎるか、css に ul の定義がある可能性があります。

于 2013-02-01T12:04:24.587 に答える