Question

我试图找出如何使最后一个字段（Notes）更宽。目前该领域称“我们是美国人民”作为占位者。当注释字段中包含更多文本时，我不希望每一行都垂直增长。

<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

首先，不要在HTML元素上使用width=属性。 CSS应该用于设计。

其次，让浏览器决定如何在给定总宽度约束的情况下将表空间化。他们通常做得很好。

Answer 2

您应该使用css：nth-child（）选择器来更好地设置表的样式：

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

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

HTML CODE：

<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;
}

等等......

Answer 3

用ie设置样式。 <td style="width: 40px;">..</td>

如果你想要绝对控制..添加<table style="table-layout:fixed">...</table>。这将完全阻止浏览器弄乱您的宽度。

当然样式应该是单独的css文件，什么不是，但在其他地方学习）

Answer 4

这是我使用的解决方案

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

Answer 5

您可以尝试在 TD 中添加 colspan="2" 以使其更宽。

示例：

<td colspan="2" ></td>

使表格单元更宽的最佳方法

5 个答案: