Таблица 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

По умолчанию a центрирует текст.Поэтому вы должны выровнять его по левому краю:

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

Конечно, я также обязан сказать вам, что следует избегать добавления атрибутов стиля к таким тегам.На самом деле ваш CSS должен существовать в отдельном файле, но, очевидно, это не поможет с вашей существующей проблемой.