在网页设计中,很多时候需要把图片居中显示,而CSS提供了几种方法来实现。一、使用text-align属性来水平居中我们可以在图片的父元素中加入text-align:center属性,这样图片就会水平居
<p style="text-align:center"> <img src="xxx.jpg"> </p>
<style> img { display: block; margin: 0 auto; } </style> <p> <img src="xxx.jpg"> </p>
<style> .flex-container { display: flex; justify-content: center; align-items: center; } img { display: block; } </style> <div class="flex-container"> <img src="xxx.jpg"> </div>
粉丝
0
关注
0
收藏
0