张文保的博客
保哥笔记

张文保的博客

使用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标签

发表新评论