我有一个 200 x 200 像素的 div。我想在 div 中间放置一个 50 x 50 像素的图像。
如何做呢?
我可以使用它使其水平居中text-align: center
对于 div。但垂直对齐是个问题。
在旧浏览器中工作(IE >= 8)
绝对位置与自动边距相结合允许将元素水平和垂直居中。元素位置可以基于使用相对定位的父元素位置。查看结果
img {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)