如何让图片在div里左右居中,上下居中
发布网友
发布时间：2022-04-23 23:52
共3个回答
热心网友
时间：2023-10-14 07:49
<style>
#box{width:500px;height:500px;position:relative;}
#box img{width:100px;height:100px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px}
</style>
<div id="box">
<img src="xxx.jpg">
</div>
原理是图片定位距离容器的上边和左边各50%，然后用margin-top和margin-left再减去图片的一半，，这就是容器的正中间的，就是水平垂直居中了。
热心网友
时间：2023-10-14 07:50
margin:0px auto;
热心网友
时间：2023-10-14 07:50
可以用定位，你懂呢。position属性。
