使用CSS控制全局图片居中

作者: 时间:
浏览 : 1071

玩站群的人,经常会碰到批量采集文章时,图片本地化上传,要统一控制图片居中,不可能一张一张在编辑器里居中。最近保哥在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标签:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注