我的页面中有以下标记代码：
<div id="root_img" style="width:100%;height:100%">
<div id="id_immagine" align="center" style="width: 100%; height: 100%;">
<a id="a_img_id" href="./css/imgs/mancante.jpg">
<img id="img_id" src="./css/imgs/mancante.jpg" />
</a>
</div>
</div>
而且它没有像我预期的那样出现,看起来像这样：
但是我想得到这个结果：
我如何将图像水平和垂直地对齐？
解决方法
这是一个
tutorial,用于如何将图像垂直和水平放在div中.
这是你要找的：
.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 200px;
height: 200px;
background-color: #999;
}
.wraptocenter * {
vertical-align: middle;
}
<div class="wraptocenter"> <img src="http://www.brunildo.org/thumb/tmiri2_o.jpg"> </div>
