0

我试图弄清楚如何使最后一个字段（注释）更宽。目前，该字段将“我们美国人民”作为占位符。当注释字段中有更多文本时，我不希望每一行都垂直增长。

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>
4

5 回答 5

2

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

其次，让浏览器在给定总宽度限制的情况下决定如何分隔表格。他们通常做得很好。

于 2012-11-19T22:37:24.523 回答
1

这是我使用的解决方案

<TD><div style="overflow: auto; height: 60px; width: 200px;">We the people of the United</div></TD>
于 2012-11-20T01:13:26.683 回答
1

您应该使用 css :nth-child() 选择器来更好地设置表格样式：

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>

代码：

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

等等...

于 2016-08-27T03:23:56.287 回答
0

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

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

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

于 2012-11-19T22:38:50.367 回答
0

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

例子 ：

<td colspan="2" ></td>
于 2021-02-09T14:37:16.183 回答