Question

我正在构建自己的Wordpress主题，我正在尝试通过帖子编辑器将图像对齐到中心或侧面，但它仍然默认对齐（左）。

在编辑器中，它不会在网站上正确显示。

Answer 1

对于我来说，接受的答案对我来说不起作用，对于那些从头开始主题遇到同样问题的人来说，将以下代码添加到为我工作的主题样式表中：

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

Answer 2

您还没有分享您的代码......但您需要确保在主题的CSS文件中加入WordPress-generated classes：

domain =gmail.com, for example
user = my.user, or whatever
https://apps-apis.google.com/a/feeds/emailsettings/2.0/domain/user/signature

当然，您可以根据需要修改这些类。

Answer 3

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以获得align类功能

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

3 个答案: