通过CSS让图片在盒子中居中是Web开发中常见的需求。下面介绍几种实现方法。第一种方法是使用CSS的text-align属性。将text-align设置为center可以使所有内联元素(包括图片)在水
.box { text-align: center; } .box img { display: inline-block; vertical-align: middle; }
.box { position: relative; } .box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.box { display: flex; align-items: center; justify-content: center; } .box img { display: block; }
粉丝
0
关注
0
收藏
0