html - 图像中心对齐 - 有效但不完美

Question

这些 CSS 属性在任意大小的容器中将任意大小的图像居中：

display:table-cell;
text-align:center;
vertical-align:middle;

这是一个完美的流体图像居中，但是，表格单元属性在底部给了我不需要的空白。如何避免？看到这个：

http://jsfiddle.net/8DeLQ/1/

Answer 1

如果容器不包含文本内容，您可以添加font-size: 0;到容器的样式中。我认为不需要的空格与文本内容有关。