css图片怎么左右居中显示

CSS是网页设计中常用的样式语言，可以用来控制页面中的布局和样式等。在网页中，图片的展示是必不可少的，那么如何实现图片左右居中？下面我们来介绍实现方法：

.center-img{
        display: block;
        margin: 0 auto;
}
    

如上所示，我们给图片所在的div添加一个class为center-img的样式类。其中，display:block表示该元素将以块状元素显示，自动占满整行；margin:0 auto表示左右边距为auto，即自动水平居中。这样就可以实现图片的左右居中了。

为了加深理解，我们再来看一下示例代码：

div class="center-img">
        img src="example.jpg">
    /div>
    

如上所示，我们在div中嵌入一张图片。然后，为该div添加center-img样式类，便可以实现图片的左右居中展示了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！