0

デモ

私は次のhtmlを持っています...

<div>
<input type="radio" value="some value">some text here<br />
<input type="radio" value="some value">some text here and long<br />
</div>

div の幅は 110 ピクセルです。一部のテキストが下にある場合、このように同じ行にある必要があります。

o some text
o some text
  and logn
4

3 に答える 3

1

これは、コードにいくつかの css を追加することで実行できます。

HTML:

<div>
    <input type="radio" value="some value" />
    <label>some text here</label>
    <br />
    <input type="radio" value="some value" />
    <label>some text here and long</label>
    <br />
</div>

CSS:

div {
    width: 110px;
}
input[type="radio"] {
    float: left;
}
label {
    float: left;
    width: 80%;
}

このJSFiddleを確認してください

于 2013-06-18T08:42:06.450 に答える
0

次のようにテーブルに置いてみてください。

<div style="width: 110px;">
    <table>
        <tr>
            <td><input type="radio" value="some value"></td>
            <td>some text here</td>
        </tr>
        <tr>
            <td><input type="radio" value="some value"></td>
            <td>some text here and long</td>
        </tr>
    </table>
</div>
于 2013-06-18T08:37:21.587 に答える