是否可以更改 wordpress 在 post 中添加时显示图像的方式？

Question

当我遇到一个问题时，我开始用 Bootstrap 制作一个新的 WordPress 主题。

我发现当我创建一个新的 post 并在顶部添加一些文本和图像（左对齐）时，图像实际上没有对齐。图片在左上角，文字在下方。

我在 Google 上搜索并阅读了博客 post 等等。大多数人建议在 style.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; }

当然，这种方法对我不起作用，所以我检查了一下，我认为问题是因为这些类仅在应用于图像标签时才起作用。当访问 the_content() 函数时，图像打印在 div 标签内。

<div id="attachment_66" style="width: 310px" class="wp-caption alignleft">
    <img class="size-medium wp-image-66" src="path/to/img" alt="Sphere" width="300" height="169" sizes="(max-width: 300px) 100vw, 300px">
    <p class="wp-caption-text">Who doesn’t like spheres?</p>
</div>

如果问题真的是因为这些标签，我怎样才能将对齐类应用到 img 而不是 div 标签？

这是它的样子。

Answer 1

而不是创建以下样式：

img.alignleft { float: left; margin: 0 1em 1em 0; }

你为什么不这样创建它：

div.alignleft img { float: left; margin: 0 1em 1em 0; }

Answer 2

感谢@Andrei Gheorghiu 我设法解决了这个问题，我将回答我的问题。

预制 WordPress 主题有一些我没有包含的 css。

所以，这就是你需要包含的东西 style.css

.alignleft { float:left;}
.alignright { float:right;}
.aligncenter { display: block; margin: auto; }

是否可以更改 wordpress 在 post 中添加时显示图像的方式？

Is it possible change how wordpress displays images when added in a post?

css

php

wordpress

themes

image