Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Wordpress 图像对齐不适用于我自己的WP主题_Wordpress_Image_Alignment - Fatal编程技术网

Wordpress 图像对齐不适用于我自己的WP主题

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

我正在构建自己的Wordpress主题,并试图通过post editor将图像对齐到中心或侧面,但它仍然是默认对齐的(左)


但在编辑器中,它不会正确显示在站点上。

您尚未共享代码……但您需要确保在主题的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; }