css实现图片在div中水平和垂直居中(但图片宽高要小于div宽高)

针对不同浏览器的解决办法: 1、针对IE7,我们将行距,高度保持一致,既可以解决垂直居中的问题。 2、针对非IE浏览器,我们可以将img的父级元素的display设置为table-cell,让他已“td”的形态出现,然后使用vertical-align:middle;使图片垂直居中。 3、针对IE6及以下的浏览器,设置一个font-size,然后给图片加上vertical-align:middle ,为什么要设置一个font-size呢?网上说“高度/字体大小的比值为1.14左右时IE可实现垂直居中。”。 综合以上问题,我们可以将源代码改成这样: 无标题文档

你可能感兴趣的:(dhtml)