html - 将文本和问题与 HTML 中的文本区域框分开的方法

Question

我有这个问题。我已经编写了这个 HTML 代码，但我无法在问题、是/否按钮和文本区域框之间对齐。我的问题与是/否按钮之间有很大的空间，但是当我拖动文本区域框并使其变小时，问题和是/否按钮会按照我想要的样子靠近。我该如何解决这个问题，这样我的问题就在是/否按钮旁边，而框在下方，并且在我拖动以使其变大或变小时不会移动？

<table cellspacing="2" cellpadding="2">
 <tr>        
    <td class="data_yy">
       <input type="radio" name="jack" id="jack" value="Y" onclick="hideShowJacks('Y');"/><label>Yes</label> 
       <input type="radio" name="jack" id="jack" value="N" checked onclick="hideShowJacks('N');"/><label>No</label>
   </td>
       <td class="data_xx"> Are are taking English class in fall?</td>
   </tr>
   <tr>
       <td>
       <textarea cols="120" rows="5" maxLenghth="20" class="resizable" name="jack" id="jack">    </textarea>
          <div class="plaintext" style="justify:left" id="jack">&nbsp;</div>
      </td>
   </tr>
</table>

Answer 1

所以，这是一个表格，第一行有两个单元格，第二行只有一个单元格。您会希望第二个单元格具有 colspan="2"作为属性(property)...

<td colspan="2">

然后，对于问题的第二部分(“所以我的问题 [文本] 位于是/否按钮旁边”)，您需要将第一个是/否单元格更改为 <nobr>所以它不会换行，并且还设置了 width="1" ...

<td class="data_yy" width="1">

做了一个 quick working demo .

这看起来对吗？