图像中心对齐 - 工作但不完美

Question

这些CSS属性将任意大小的图像置于任何大小的容器中：

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

这是一个完美的流体图像居中，然而，表格单元属性给我底部不需要的空白区域。怎么避免呢？见：

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

Answer 1

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