图像对齐不适用于我自己的WP主题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图像对齐不适用于我自己的WP主题相关的知识,希望对你有一定的参考价值。
我正在构建自己的Wordpress主题,我正在尝试通过帖子编辑器将图像对齐到中心或侧面,但它仍然默认对齐(左)。
在编辑器中,它显示不在网站上。
答案
接受的答案对我不起作用,对于那些从头开始遇到同样问题的主题的人,将以下代码添加到为我工作的主题样式表中:
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
资料来源:https://codex.wordpress.org/Wrapping_Text_Around_Images
另一答案
您尚未共享代码...但您需要确保在主题的CSS文件中包含WordPress-generated classes:
/* =WordPress Core
-------------------------------------------------------------- */
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
当然,您可以根据需要修改这些类。
另一答案
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
应用此css以获得对齐类功能
以上是关于图像对齐不适用于我自己的WP主题的主要内容,如果未能解决你的问题,请参考以下文章