0

中央に揃える必要のあるラジオボタンがいくつかあります。唯一の問題は、ボタンが左側で均一になっていないことです。下の画像を参照してください。

ここに画像の説明を入力してください

これらを中央に配置しながら、整列させるにはどうすればよいですか？

私はtext-align: center;すべてを中央に配置するために使用しています。

これが私のHTMLです：

<div class="select clearfix">
  <div id="product-select" name="id">
    <input type="radio" value="273138236" name="product">
    black + walnut - $190.00
    <br>
    <input type="radio" value="277905554" name="product">
    brown + walnut - $190.00
    <br>
    <input type="radio" value="277905654" name="product">
    black + cherry - $190.00
    <br>
    <input type="radio" value="277905752" name="product">
    brown + cherry - $190.00
    <br>
  </div>
</div>
4

1 に答える 1

3

を持つ div でそれらをラップしますtext-align: left。#product-selectこの目的で div を使用できます。text-alignただし、ブロック レベルの要素には影響しないため、div を中央に配置する別の手法に切り替える必要がある可能性が高くなります。

また、使いやすさのために、<label>要素を使用して、ユーザーが小さなラジオ ボタン自体をクリックする必要がないようにします。

于 2013-02-24T14:33:09.753 に答える