css – 调整大小以适应div中的图像,水平和垂直中心

前端之家收集整理的这篇文章主要介绍了css – 调整大小以适应div中的图像,水平和垂直中心前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div的形象。我想让图像调整大小以适应div,并且水平和垂直居中。我想要一个解决方案,即> = 8。

解决方法

这是一种方法

小提琴:http://jsfiddle.net/4Mvan/1/

HTML:

<div class='container'>
    <a href='#'>
    <img class='resize_fit_center'
      src='http://i.imgur.com/H9lpVkZ.jpg' />
    </a>
</div>

CSS:

.container {
    margin: 10px;
    width: 115px;
    height: 115px;
    line-height: 115px;
    text-align: center;
    border: 1px solid red;
}
.resize_fit_center {
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}

猜你在找的CSS相关文章