Wordpress 图像对齐不适用于我自己的WP主题
我正在构建自己的Wordpress主题,并试图通过post editor将图像对齐到中心或侧面,但它仍然是默认对齐的(左)Wordpress 图像对齐不适用于我自己的WP主题,wordpress,image,alignment,Wordpress,Image,Alignment,我正在构建自己的Wordpress主题,并试图通过post editor将图像对齐到中心或侧面,但它仍然是默认对齐的(左) 但在编辑器中,它不会正确显示在站点上。您尚未共享代码……但您需要确保在主题的CSS文件中包含: /* =WordPress Core -------------------------------------------------------------- */ .aligncenter, div.aligncenter { display: block;
但在编辑器中,它不会正确显示在站点上。您尚未共享代码……但您需要确保在主题的CSS文件中包含:
/* =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需要一些额外的css?
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; }