HTML表格显示不一致

等于

---

我如何才能使提交按钮停留在我想要的位置（如图所示）。如果我弄乱了表格的宽度，它在Firefox和IE中会变得完全不同。

您的文本区域不在单元格中。就在两排之间，难怪搞砸了：）

尝试：

---

按如下方式创建表格：

<table cellspacing="0" cellpadding="0">
<tr>
    <td colspan="2"><textarea rows="5" cols="60" name="question"></textarea>
</tr>

<tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td><input type="submit" value="Skicka" /></td>
</tr>
</table>

<table cellspacing="0" cellpadding="0">
 <tr>
  <td colspan="2">
   <textarea rows="5" cols="60" name="question"></textarea>
  </td>
 </tr>
 <tr> 
  <td>
   <input type="text" readonly="1" value="127.0.0.1" />
  </td>
  <td>
   <input type="submit" value="Skicka" />
  </td>
 </tr>
</table>

注意第一个和最后一个td元素上的colspan=“2”和align=“right”属性。 我还将文本区域移到了td中。

将

放在表格单元格中：

<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<textarea rows="5" cols="60" name="question"></textarea>
</td>
</tr>
<tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td align="right"><input type="submit" value="Skicka" /></td>
</tr>
</table>

---

您需要使用colspan=“2”将该文本区域放入表格单元格中，以获得所需的效果

---

如果使用CSS而不是表格，则可获得额外积分；）

您的文本区域也需要位于表格行中。未测试，但请尝试以下操作：

<table cellspacing="0" cellpadding="0">
<tr><td colspan="2">
    <textarea rows="5" cols="60" name="question"></textarea>
 </td><tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td><input type="submit" value="Skicka" /></td>
</tr>
</table>

---

我不确定，但首先尝试将textarea放入单元格，如下所示：

<table cellspacing="0" cellpadding="0">
<tr>
    <td colspan="2"><textarea rows="5" cols="60" name="question"></textarea>
</tr>

<tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td><input type="submit" value="Skicka" /></td>
</tr>
</table>

<table cellspacing="0" cellpadding="0">
 <tr>
  <td colspan="2">
   <textarea rows="5" cols="60" name="question"></textarea>
  </td>
 </tr>
 <tr> 
  <td>
   <input type="text" readonly="1" value="127.0.0.1" />
  </td>
  <td>
   <input type="submit" value="Skicka" />
  </td>
 </tr>
</table>

东西

谢谢Canavar-由于某些原因，jQuery没有为我下载，所以我无法点击“代码”按钮。我还没来得及修复，你就编辑了这个。我去JQuery.com把它放到我的缓存中。只是给版主一个评论：注意，这个用户并没有真正回答这个问题——答案是在另一个用户提供的编辑中首先出现的。对此可能有一个很好的解释，但对我来说，这看起来有点可疑……托马斯，在这个答案的第一个版本上查看源代码-答案在那里，但由于某种原因没有显示在页面上。