0

我正在制作一个 ASP.NET 网站，其中有一个显示某些信息的表格。

表格上的所有列都设置为 150px 宽，但由于某种原因，它们显示不均？

这是我的 Default.aspx 中的代码片段：

<table width="900px" border="1px">
   <tr>
      <td align="left" width="150px">Col1</td>
      <td align="left" width="150px">Column2</td>
      <td align="left" width="150px">...</td>
      ...
   <tr>
</table>

鉴于所有字符串的长度不相等，但高度不受限制，并且没有一个单词长于 150px 空间。即使如此，一些较短单词的框小于 150px，而另一些则同样短但盒子比其他较短的单词大。

它们看起来像这样：

Col1   | Column2      | Blah Stuff | Col4       |
Stuff   | 34          | 345         | 23        |
Other  | 3554        |  3421      | 84

这似乎非常不一致。

我指定的宽度是错误的还是有更好的方法来确保我的列是好的和笔直的？

4

2 回答 2

0

哎呀。忽略这一点我很愚蠢，但是如果表格的宽度小于所有列的宽度之和，那么列宽就会混乱！

900px 比我所有的 150px 列加在一起要少得多，所以这就是它看起来很时髦的原因。更改值使列很好地排列。

于 2013-07-02T23:08:59.473 回答
0

您可以将border-right应用于每个td。

然后也为 td:last-child 应用border-right:0

于 2013-07-02T22:43:17.077 回答