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應該存在於一個單獨的文件中，但顯然這對你現有的問題沒有幫助。