表格元素之间的像素宽度不一致

时间:2013-07-02 22:21:12

标签: html asp.net visual-studio-2012

我正在建立一个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,而其他字符串则小于150px同样短,但比其他较短的单词大。

它们看起来像这样:

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

这似乎非常不一致。

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

糟糕。我非常愚蠢地忽略了这一点,但是如果表格的宽度小于所有列的宽度总和,那么列宽就搞砸了!

900px比我加入的所有150px色谱柱都要少,所以这就是为什么它看起来很时髦。更改值使列很好地排列。