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

Question

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

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

这是一个完美的流体图像居中，但是，table-cell 属性在底部给我不需要的空白。如何避免？看这个:

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

Answer 1

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