2个实现图片居中样式的方法

老乐 建站教程4字数 340阅读1分8秒阅读模式

不知道是内置网站中的样式冲突导致我设定内容中图片居中一直不生效,而且一直只有居左。这里,我们可以用样式单独给图片居中,这里也有2个方法。

1、包围法

所谓的包围法就是自定义一个div样式,然后将图片丢到div中。

imgcenter {
      text-align: center;
    }

然后我们可以设定DIV。

<div class="imgcenter">
    <img src="images.png" alt="zhujipingjia.com" />
</div>

2、图片样式

直接作用样式。

style="display:block;margin: 0 auto;"

实现案例如下。

<img src="images.png" style="display:block;margin: 0 auto;" >

选择一个我们的方法即可。

投上你的一票
 
  • 本文由 老乐 发表于 2024年7月5日 08:31:48
  • 转载请务必保留本文链接:https://www.zhujipingjia.com/img-center.html
  • 图片居中样式
  • 强制图片居中