html - 对齐一个表单和两个文本区域

Question

我有一个表单，其中包含一个 32*50 的 TEXTAREA 和一个提交按钮。

现在我想水平对齐包含附加信息的两个文本区域。理想情况下，三个文本区域(用户可以在其中键入/粘贴的区域和其他两个区域)应具有相同的宽度并出现在三个对齐的列中。

如果我想这样做，我应该只使用 HTML 吗？如果是这样，如何？一排三排的 table ？ (欢迎提供示例代码)。

或者您更愿意推荐 CSS？

Answer 1

textarea 是行内元素，如果容器宽度足够大，它们将水平对齐。所以，请参阅 http://jsfiddle.net/FATfJ/我不知道这是否正是您需要的。

代码:

<form id="a-form">
  <textarea></textarea>
  <textarea></textarea>
  <textarea></textarea>
</form>

#a-form textarea {width: 100px;}