CSS表不正确地对齐图像

Question

我使用CSS表创建响应性布局和水平对齐图像。当我调整屏幕大小时，所有图像都会水平调整大小。

但问题是，如果你看一看我的钢笔：http://codepen.io/vincentccw/full/IlHfj/，右边的图像永远不会对齐。

很明显，你仍然可以看到右上角的一条非常薄的红线，最糟糕的是，如果我慢慢调整它们的大小，整个图像就会开始摇晃。

有办法解决这个问题吗？

Answer 1

您的图像没有排列，因为即使您给单元格以相同的宽度，但由于表格的呈现方式(以及您使用的小数位数)，您的右单元格比左单元格略薄，使该图像略短一些(导致红线)。

您可以将vertical-align:top添加到单元格中(以停止摆动)，也可以通过删除中间列的宽度：http://codepen.io/anon/pen/pzrvc来确保左右单元格的宽度相同。