相关疑难解决方法(0)

如何在父div中设置图像元素的中心？我想这样做,以便图像的中间始终在他父母的中心.此外,我希望图像始终具有100%的高度(注意:我不想拉伸图像宽度).

请看这里的例子:http://jsfiddle.net/Ex5ax/5/

<div class="box">
  <img src='featured.jpg' />
</div>

CSS:

.box { height: 100%; width: 450px; border: 2px solid red; background: green; overflow: hidden; }
.box img { height: 100%; width: auto; text-align: center; }