我的 HTML 代码如下所示：
<div class="ctn">
<img src="some-img.jpg"/>
</div>
The ctn应该是固定大小，例如 150*150。
但 IMG 的尺寸可能更大或更小：200*50、50*200、50*50 等。
如何使图像适合中心div？图像的比例不应改变。
====更新====
是的，我需要水平居中和垂直居中。
您可以添加 css，使图像水平和垂直居中：
DIV.ctn {
min-height: 150px;
min-width: 150px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: table-cell;
vertical-align: middle }
...
<div class="ctn">
<img src="some-img.jpg"/>
</div>
编辑：详细信息请参见：http://www.w3.org/Style/Examples/007/center.html http://www.w3.org/Style/Examples/007/center.html
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
