HTML表頭對齊

我想使用寬度屬性來分隔我的HTML表頭，並且它的asif完全被忽略。HTML表頭對齊

「公司類型」標題被分爲兩行，就業類型也是如此？我的css文件中沒有任何表格CSS。我可以使用哪些屬性來獲取每個標題左對齊和下一個標題，以便從前一個標題的開始處開始WIDTH像素？

<thead style='float:left;'> 
<tr> 
    <th style='width:270px;text-align:left;'>Company</th>  <th style='width:150px;text-align:left;'>Company Type</th> <th style='width:80px;text-align:left;'>Employment Type</th> 
     </tr> 
</thead>

來源

2011-01-19 Tom

心不是支持請格式化你的代碼。 – polarblau 2011-01-19 15:38:36

<thead style='text-align:left;'> 
<tr> 
    <th style='width:270px;'>Company</th> 
    <th style='width:150px;text-align:left;'>Company Type</th> 
    <th style='width:80px;text-align:left;'>Employment Type</th> 
</tr> 
</thead>

試試這個，並確保你給所有標題元素的寬度和總寬度不超過表寬度。

來源

2011-01-19 15:40:53 user549757

我從來沒有可靠地獲得th和td寬度的工作;不是100％確定他們的意思。

我通常只是在單元格內放一個div，並給出一個寬度。或者，向th和td左右添加填充。

來源

2011-01-19 15:39:50 Hogsmill

在無表的方式，你可以做到這一點的是：

<div style="width:270px;float:left;"> 
Company 
</div> 

<div style="width:150px;float:left;"> 
Company Type 
</div> 

<div style="width:80px;float:left;"> 
Employment Type 
</div>

當然，你可以很容易的作風，到你的喜好，和我保持風格在一個單獨的css文件。

來源

2011-01-19 15:40:35 CodeVirtuoso

你可以嘗試 'nowrap' 選項 - 但它在HTML5

<th style='width:270px;text-align:left;'>Company</th>  
<th style='width:150px;text-align:left;' nowrap>Company Type</th> 
<th style='width:80px;text-align:left;' nowrap>Employment Type</th>

來源

2011-01-19 15:42:31 scarface

回答

相關問題