我有一个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; }