CSS中小图片自动居中在网页制作中,有些小图片需要进行居中显示,这在美化页面和优化用户体验方面起到了很好的作用。本文介绍了如何使用CSS实现小图片的自动居中显示。实现方法如下:1. 使用CSS属性di
<style> .container{ display: flex; justify-content: center; align-items: center; } .container img{ max-width: 100%; max-height: 100%; } </style> <div class="container"> <img src="image.jpg" alt="图片" /> </div>
<style> .container{ text-align: center; } .container img{ display: inline-block; max-width: 100%; max-height: 100%; } </style> <div class="container"> <img src="image.jpg" alt="图片" /> </div>
粉丝
0
关注
0
收藏
0