我正在建立一个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
这似乎非常不一致。
我是指定宽度错误还是有更好的方法来确保我的列是好的和直的?
答案 0 :(得分:0)
您可以将border-right应用于每个td。
然后也应用border-right:0表示td:last-child
答案 1 :(得分:0)
糟糕。我非常愚蠢地忽略了这一点,但是如果表格的宽度小于所有列的宽度总和,那么列宽就搞砸了!
900px比我加入的所有150px色谱柱都要少,所以这就是为什么它看起来很时髦。更改值使列很好地排列。