表大小差异答案

【问题标题】：Table size difference表大小差异
【发布时间】：2016-10-26 02:41:55
【问题描述】：

我真的无法理解为什么会这样，第一个 td 的大小似乎吸收了最后一个 td 大小的一部分。

表格的id是“slide-table”，http://www.rickpascua.cu.cc/。

此错误或仅在 Firefox 和 IE 上出现，Chrome 以均匀分布的大小显示它。

任何帮助将不胜感激！

（我应该注意到这只是在我添加了一些.hide() 之后才发生的，但它们都不会直接影响“幻灯片”。）

【问题讨论】：

【解决方案1】：

默认情况下，浏览器会根据每个td 中的内容来确定表格列的宽度。所以在你的情况下，每列的宽度取决于图像，它们都是不同的大小。

您可以通过指定在 CSS 中更改它：

#slide-table table {
    table-layout: fixed;
}

并且还为每一列指定一个width。

或者只是让所有图像的宽度和高度相同。

【讨论】：

table-layout:fixed 工作得很好，为每列指定宽度的问题是它是动态的，我希望它在添加或删除时自动调整单元格的大小。
您也许可以使用width: 20% 或类似的东西，这取决于您在此页面上还做了什么……为什么要使用表格呢？为什么不在 div 中放五个 <img> 标签？
如果每次我添加一个新单元格或删除一个单元格以重新计算宽度而不是动态完成它，那将是非常烦人的。单元格本身是特定滑块图像的图标。