表td间距不均匀

Question

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

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

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

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

Answer 1

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

.tab-middle { 
    padding: 0 5px 
}

Answer 2

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

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