分享学习记录
互联网技术知识

实现WordPress文章页面图片居中对齐的方法

我们在使用WordPress编辑文章的时候,会发现编辑器中有三个按钮,分别是左对齐、居中对齐和右对齐,当我们为图片使用居中对齐时,发现在后台编辑器中图片已经实现了居中显示,但是在前端却还是没变化,依旧是居左显示,样式凌乱不堪,并没有实现居中对齐。这是什么原因呢?

其实这只是css代码没修改到位,只需要在style.css文件添加下面的css文件即可:

登录wordpress后台,进入wordpress主题编辑器。

/*Alignment*/

.alignleft {
    display:inline;
    float:left;
    margin-right:1.625em;
}

.alignright {
    display:inline;
    float:right;
    margin-left:1.625em;
}

.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
赞(0)
文章名称:《实现WordPress文章页面图片居中对齐的方法》
文章链接:https://www.bailuze.com/18073.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到