2011-05-07 55 views
3

當你創建一個基本的HTML表時,一切似乎都停留在表的中心。我不想要這個,我怎麼能阻止這種情況發生?HTML表問題

我希望使用2列html表中的一列作爲內容的側欄。因爲我有這麼多的內容側欄文本(這是很少)gos到列的中間。

我如何對齊文本以留在列的左上角?

+1

這應該引起你:http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html – 2011-05-07 10:33:19

回答

1

在包含左側邊欄的<td>元素,嘗試指定對齊文本頂端樣式:

<td style="vertical-align: top">(Sidebar HTML code here)</td>

+0

感謝這工作:)非常感謝! – 2011-05-07 10:38:38

0

您可以使用CSS來改變你的表內的文本對齊:

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

對於表對齊文本,你必須使用css.Without CSS或樣式表,你不能讓他們align.So你可以使用內聯css或外部css。

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

您可以通過使用控制您的標記直接列的排列:

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

甚至只是

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

這對2列表格可以很好地工作,但如果您打算使用它,Piccolomomo會有更好的計劃。這可能,如果您需要進一步幫助您: http://www.w3schools.com/html/html_tables.asp

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