我想在下面的 HTML 中将图像垂直居中,使其垂直居中于它旁边的 div(“rtUpdateContentDiv”)。img 和 div 都在父容器“rtUpdateContainerDivActive”内。
<div class="rtUpdateContainerDivActive">
<img class="statusImg" src="images/icons/Knob-Valid-Green.png">
<div class="rtUpdateContentDiv">
<span class="rtBlueHighlight">date and time:</span>
ipsum lorem text here
</div>
</div>
这是到目前为止图像的css:
.statusImg
{
position: absolute;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;
padding-left: 3px;
padding-top: 3px;
}
和容器:
.rtUpdateContainerDivActive
{
background-color: #90ee90;
margin-top: 1%;
position: relative;
min-height: 38px;
}
父母需要保持相对关系。
如何使图像垂直居中(38px x 38px)?
感谢您的任何帮助!