html - 单选按钮对齐样式属性

Question

我正在处理一个表单，并在表格中放置了一些单选按钮和一些文本区域....问题是单选按钮出现在文本区域的底部....我想将它们放在顶部文本区域

<table align='center' valign='top' border='1'><tr><th align='center' >  qno)1</th></tr><tr><td><textarea rows='5' cols='50' readonly>question</textarea></td></tr>
    <tr valign='top'><td><input type='radio' name='opt' value='A' checked='checked' /><textarea rows='1' cols='70' wrap='off' readonly>option d</textarea></td></tr>
    <tr><td><input type='radio' name='opt' value='B' /><textarea rows='1' cols='70' wrap='off' readonly>option a</textarea></td></tr>
    <tr><td><input type='radio' name='opt' value='C' /><textarea rows='1' cols='70' wrap='off' readonly>option b</textarea></td></tr>
    <tr><td><input type='radio' name='opt' value='D' /><textarea rows='1' cols='70' wrap='off' readonly>option c</textarea></td></tr></table>

..........请帮忙

Answer 1

在单选按钮上使用 CSS float:left:

style="float:left;"

如在

<style>
    input [type="radio"],.NiceRadio {float:left;}
</style>
<table align='center' valign='top' border='1'>
    <tr>
        <th align='center' >  qno)1</th>
    </tr>
    <tr>
        <td><textarea rows='5' cols='50' readonly>question</textarea></td>
    </tr>
    <tr valign='top'>
        <td><input type='radio' class="niceRadio" name='opt' value='A' checked='checked' /><textarea rows='1' cols='70' wrap='off' readonly>option d</textarea></td>
    </tr>
    <tr>
        <td><input type='radio' class="niceRadio" name='opt' value='B' /><textarea rows='1' cols='70' wrap='off' readonly>option a</textarea></td>
    </tr>
    <tr>
        <td><input type='radio' class="niceRadio" name='opt' value='C' /><textarea rows='1' cols='70' wrap='off' readonly>option b</textarea></td>
    </tr>
    <tr>
        <td><input type='radio' class="niceRadio" name='opt' value='D' /><textarea rows='1' cols='70' wrap='off' readonly>option c</textarea></td>
    </tr>
</table>

顶部的 CSS 仅供引用。它将 float:left 分配给所有单选按钮。 Input [type=radio] 是一个 CSS 选择器，适用于 Mozilla 等。