张文保的博客
张文保 · Paul Zhang

Engineering the Future
功不唐捐,玉汝于成

使用CSS控制全局图片居中

使用CSS控制全局图片居中

玩站群的人,经常会碰到批量采集文章时,图片本地化上传,要统一控制图片居中,不可能一张一张在编辑器里居中。最近保哥在DISCUZ做的地方资讯站上采集微信公众号内容时,采集的图片默认没有居中,需要统一居中,以下代码可以实现:

#article_content img {
    display: block!important;
    margin: 0 auto!important;
    max-width: 100%!important;
    height: auto!important;
    vertical-align: middle;
    text-align: center;
}

你只要把上面的#article_content换成你自己的图片CSS类名即可实现全局居中。当然也可以用在所有的CMS模板上使用,不局限于DISCUZ。

TAG标签
CSS全局图片居中方法 如何使用CSS实现图片居中 CSS图片居中技巧 在CSS中控制图片居中 CSS图片居中代码示例 全局图片居中CSS实现 CSS图片居中布局 CSS图片居中样式 CSS图片居中设置 CSS图片居中教程

本文标题:《使用CSS控制全局图片居中》
网址:https://zhangwenbao.com/css-control-global-image-centering.html
作者:张文保
发布时间:2022-10-09
许可协议:CC BY-NC-SA 4.0
发表新评论
SSL安全认证