-1

ラジオボタンとラジオボタンのラベルを同じ行に揃える方法。私はスパンタグにマージンとパディングを与えましたが、そのモットーはそれに対する解決策です

<form class="navbar-form pull-right" style="">
    <input type="radio" name="sex" value="male"><span>All</span>
    <input type="radio" name="sex" value="female"><span>Name<span>
    <input type="radio" name="sex" value="male"><span>Vendor No.<span>
    <input type="radio" name="sex" value="female"><span>Contact<span>
    <input type="radio" name="sex" value="male">Address<span>
    <input type="radio" name="sex" value="female">Phone
    <input class="span2" type="password">
    <input name="Finish" value="Search" class="checkout-button searchButton" type="submit" style="width: 107px;padding-left: 0px;padding-right: 0px;">
</form>
4

1 に答える 1

3

実際のラベルを使用してみることができます... http://jsfiddle.net/uBUhw/

<form class="navbar-form pull-right">
    <label><input type="radio" name="sex" value="male" /> All</label>
    <label><input type="radio" name="sex" value="female" /> Name</label>
    <label><input type="radio" name="sex" value="male" /> Vendor No.</label>
    <label><input type="radio" name="sex" value="female" /> Contact</label>
    <label><input type="radio" name="sex" value="male" /> Address</label>
    <label><input type="radio" name="sex" value="female" /> Phone</label>
    <input class="span2" type="password" />
    <input name="Finish" value="Search" class="checkout-button searchButton"
    type="submit" />
</form>

この設定では、ラジオ ボタンはすべてインラインになります。各ラジオ ボタンをそれぞれの行に配置する場合は、次のようにします。

.navbar-form label{
    display:block;
}
于 2013-01-17T21:07:53.610 に答える