使表格單元格更寬的最佳方法

Question

我想弄清楚如何使最後一個字段（註釋）變寬。目前該領域稱爲「我們美國人民」作爲佔有者。當筆記字段中有更多文本時，我不希望每行垂直增長。

http://jsfiddle.net/sdbEc/

<tr> 
<td><a href="http://acme.com/pkg_testme.edit_item?p_item_id=1126" align="Right">RS-11</a>   </td> 
<td width="300">a description</td> 
<td width="200">INSTRUMENT CO</td> 
<td width="40">28</td> 
<td width="40">2.85</td> 
<td width="40">15-OCT-12</td> 
<td width="40">Euro</td> 
<td width="200">spring scissor</td> 
<td width="40">9</td> 
<td width="40">2</td> 
<td width="40">9</td> 
<td width="40">1</td> 
<td width="40">2</td> 
<td width="40">1</td> 
<td width="40">5</td> 
<td width="40">9</td> 
<td><a href="http://acme.com/pkg_testme2.edit_item?p_item_id=" align="Right"></a></td> 
<td><a href="http://acme.com/pkg_testme.edit_notes? p_item_id=We%20the%20people%20of%20the%20United%20States">We the people of the United States</a></td> 
</tr> 

Answer 1

這是我用

<TD><div style="overflow: auto; height: 60px; width: 200px;">We the people of the United</div></TD> 

Answer 2

首先，不要使用HTML元素的width=屬性。 CSS應該用於設計。

其次，讓瀏覽器決定如何出空間給定的總寬度的限制表。他們通常做得很好。

Answer 3

設置與IE瀏覽器的樣式。 <td style="width: 40px;">..</td>

如果你想絕對控制..加<table style="table-layout:fixed">...</table>。這將阻止瀏覽器完全擺脫寬度。

Ofcourse的風格應該是在單獨的CSS文件，並沒有什麼，但得知其他地方）

Answer 4

您應該使用CSS的解決方案：第n個孩子（）選擇到更好的風格你的表：

http://www.w3schools.com/cssref/sel_nth-child.asp

https://css-tricks.com/almanac/selectors/n/nth-child/

HTML代碼：

<tr class="tableformat"> 
<td>...</td> 
<td>...</td> 
<td>...</td> 
<td>...</td> 
<td>...</td> 
<td>...</td> 
<td>...</td> 
</tr> 

CSS代碼：

.tableformat td:nth-child(1){ 
    width: 300px; 
} 
.tableformat td:nth-child(2){ 
    width: 200px; 
} 
.tableformat td:nth-child(3){ 
    color: red; 
} 

等等......