CSS中如何把图片居中呢?这是一个很常见的问题。接下来,我们将通过以下几种方法来解决。/* 方法一:使用text-align */ .container { text-align: center; }
CSS中如何把图片居中呢?这是一个很常见的问题。接下来,我们将通过以下几种方法来解决。
/* 方法一:使用text-align */ .container { text-align: center; } .container img { display: inline-block; } /* 方法二:使用margin */ .container { position: relative; } .container img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* 方法三:使用flexbox */ .container { display: flex; justify-content: center; align-items: center; }
以上三种方法都可以实现图片居中的效果,可以根据实际需要进行选择。
粉丝
0
关注
0
收藏
0