HTML表格问题

Question

当您创建基本的HTML表格时，所有内容似乎都保持在表格中心。我不想要这个，我该如何停止它发生?

我想使用一个2列HTML表格，一列用于侧边栏，另一列用于内容。由于我的内容很多，侧边栏文本（很少）会进入列的中间。

我应该如何使文本对齐保持在列的左上角？

- Shaquille Ray

---

这个应该会引起你的兴趣：https://dev59.com/K3VD5IYBdhLWcg3wHnwX - Wesley Murch

Answer 1

在包含左侧边栏的 <td> 元素中，尝试指定一种将文本对齐到顶部的样式：

<td style="vertical-align: top">(这里放置边栏的 HTML 代码)</td>

- IllvilJa

Answer 2

您可以通过使用以下方法直接在标记中控制列的对齐方式：

<td style="text-align: left; vertical-align: top;"></td>

或者仅仅是

<td align="left"></td>

这对于双列表格来说是可行的，但如果您要经常使用它，Piccolomomo有更好的计划。 如果需要，这可能会进一步帮助您： http://www.w3schools.com/html/html_tables.asp

- Kit Z. Fox

Answer 3

您可以使用CSS来改变表格内文本的对齐方式：

td {
    text-align: left;
    vertical-align: top;
}

- Piccolomomo

Answer 4

要在表格中对齐文本，您必须使用CSS。没有CSS或任何样式表，您无法使它们对齐。因此，您可以使用内联CSS或外部CSS。

<style type="text/css">
table td{
text-align:left;
vertical-align:top;
}
</style>

- NewUser

Answer 5

<table>
     <tr valign="top">
        <td align="left">
           Side Bar
        </td>
        <td>
           Content
        </td>
     </tr>
</table>

- Lenny Magico