表td间距不均匀

时间:2011-03-24 14:55:47

标签: html html-table

任何人都可以想到顶部导航栏中链接之间的间距不均匀的原因:

http://ws2699-2868.staging.nitrosell.com/store/

这是一个设置为整页宽度和文本居中的表格,但是左边的文字链接在它们周围的空间比右边的那些空间少!

我无法控制HTML输出,如果我这样做,我就不会使用表格。

2 个答案:

答案 0 :(得分:1)

在你的桌子上.class ='tab-table'尝试将宽度设置为自动,现在你的表格设置为980px,它将展开列以满足该宽度。然后,您需要在列中添加填充以获得均匀间距,但至少间距将保持一致。对于间距我只需添加

.tab-middle { 
    padding: 0 5px 
}

答案 1 :(得分:0)

如果您希望每个单元格的大小相同,则必须使每个单元格具有特定的宽度。所以,如果你采取980/9 = 108.88px。您可能还需要调整填充/边距,但这就是想法。

.tab-table td {
    width: 108.88px;
}