如何对齐表头和文本区域的内容答案

【问题标题】：How to align table header and textarea's content如何对齐表头和文本区域的内容
【发布时间】：2017-12-24 07:16:39
【问题描述】：

是否可以将 textarea 的内容 与 table 的标题 对齐？我试过&nbsp;，但它不适合响应式设计，有什么建议吗？

更新，预期输出：

<tbody>
<tr>
  <th>Date</th>
  <th>Number</th> 
  <th>Line</th>
</tr>
<tr>
  <td colspan="3" align="center">
    <textarea id="log" wrap="hard" readonly="1" style="width:100%; height:100px; resize: none;">
Jan  1 00:00:31     111     line 5
Jan  1 00:00:45     111     line 10 
Jan  1 00:00:08     222     line 2 
Jan  1 00:00:31     333     line 111
Jan  1 00:00:45     333     line 20 
    </textarea>
  </td>
</tr>
</tbody>

【问题讨论】：

在响应式 td. 的同时，您期望如何？？
抱歉，我删除了 td。
你想做什么解释简要
你的预期输出..??
我想将 th 的“D”与 texarea 的“J”对齐，将“N”与数字的“1”对齐，将“L”与 textarea 的“line”对齐

标签： html css html-table alignment textarea

【解决方案1】：

根本不使用文本区域会更容易：

<html>
<body>
<table>
<tr>
    <th>Date</th>
    <th>Number</th>
    <th>Line</th>
</tr>
<tr>
    <td> Jan  1 00:00:31 </td>
    <td> 111 </td>
    <td> line 5 </td>
</tr>
</table>
</body>
</html>

【讨论】：

谢谢，但这不是我要找的。实际上，如果我使用 td，我可以做得很好，但是我在使用 textarea 时正在寻找任何可能的方法，因为有时日志文件的信息可能非常大。