Django/html表格：标题行描述向右偏移

Question

我遇到了一个奇怪的问题。

我有一个django应用，可以通过一个表单创建笔记。所有通过这个表单输入的笔记都会存储在一个表格里，像这样。

<div style="overflow:auto; height:100px; width:721px; padding:12px; border:1px solid #C0C0C0">
{% for note in notes %}
        <table style="border:1px solid #C0C0C0">
        <tr><th >{{note.datetime}} {{note.datetime.time}} - Posted by {{note.user}}</th></tr>
        <tr><td>{{ note.note}}</td></tr>
        </table>
{% endfor %}
</div>

你可以看到，第一行会显示用户名、日期和时间。第二行则是笔记的内容。问题是，如果我创建的笔记内容非常长（字数很多），第一行就会向右移动。我不想让它这样。有什么办法可以让表头始终保持在左边，不管你输入多少字和字母？

Answer 1

默认情况下，表格的标题单元格（th）里的文字是居中的。所以你应该把它改成左对齐：

<tr><th style="text-align: left">{{note.datetime}} {{note.datetime.time}} - Posted by {{note.user}}</th></tr>

当然，我还得告诉你，像这样给标签添加样式属性是不太好的做法。其实，你的CSS样式应该放在一个单独的文件里，但显然这对你现在遇到的问题没有帮助。