html - 居中 <img/> + <a/> 在 IE7 中表格内自动溢出

Question

我在将图像和表格内部居中时遇到问题。目前我已经设置了display: inline-block它适用于除 IE7 之外的所有内容。

我还设置了父项 <div />与 overflow-y: auto ，这个问题是在 IE7 中，表格在滚动条后面，而在 FF 中，滚动条在表格的一侧。有什么办法可以解决这个问题吗？

This is a simplified version:

Answer 1

参见: http://jsfiddle.net/D52Uv/10/

要修复滚动条问题，也许最简单的“修复”是*padding-right: 20px，它只适用于IE6/7。将 20px 调整为最佳效果。

修复图像:

.image {
    background: none repeat scroll 0 0 #E7E7E7;
    border: 1px solid #C7C7BB;

    display: inline-block;
    *display: inline;
    zoom: 1;

    margin: 4px 2px 0 0;
    padding: 4px;
    text-align: center;
}
.image img {
    vertical-align: top;
}

More info here.