我在网络开发生涯中集中了很多东西,但我想知道是否有一种简单的方法可以在不知道图像尺寸的情况下垂直居中图像。想象一下我从数据库中获得的缩略图列表。我不希望每个项目都粘在父 div 的顶部。
<div id="wrapper">
<div id="parent">
<img src="path/i/got/from/database/image.png" />
</div>
</div>
你可以在你的父级上使用这个CSS:
#parent {
display:table-cell;
vertical-align:middle;
}
请注意,这将使父元素的行为类似于内联元素。
Example.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)