本文最后更新于：2022年2月8日下午

发现问题

在typora中插入图片使用style="zoom:67%;"缩放属性，在typora中仍是居中显示的，但是发布博客之后就没有了居中效果，于是添加样式margin:0 auto; 发现仍然无法居中

<img src="https://s2.loli.net/2022/02/08/zW6XYcisfp5QHTR.png" alt="image-20220208153609189" style="zoom:67%; margin:auto;" />

解决问题

img是一种可替换元素，虽然它可以设置宽高，但其本质上还是一个行内元素，所以在使用margin：0 auto的方式设置其水平居中时、必须先将img设置display:block;再设置margin：0 auto才会生效；于是改成下面的写法

<img src="https://s2.loli.net/2022/02/08/zW6XYcisfp5QHTR.png" alt="image-20220208153609189" style="zoom:67%; display:block; margin:auto;" />

随笔

随笔 html 前端 css

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议，转载请注明出处！