Css 文本对齐：图像也居中

每当我在css中将文本居中时，它也会将图像居中。为什么呢？文本位于一个div（“左”）内，图像位于第二个div（“右”）内。这是HTML-

我曾尝试将“#wrapper img”添加到CSS中，并将图像设置为向左浮动，但这也不起作用

以下是完整的css和html的JSFIDLE-

下层选民

投票失败的原因是什么？我很高兴改变我的答案

图像是内联元素，因此它们遵守

文本对齐

中给出的规则。如果你不想让他们遵循，你可以给出另一条规则，比如：

#包装器img{text align:left；}

或者，以更好的方式，只需将

div

居中，您还可以执行以下操作：

.centerDiv {width: 50%; margin: auto;}

---

这使得

居中。

这正是

文本对齐的地方：居中作为CSS属性执行。如果将图像设置为
text align:right

您可以更改CSS以包括以下内容：

#wrapper img { text-align: left; }

我试过了，但没有改变。居中的文本在左分区中，居中的图像（我想更改的内容）在右分区中。我尝试将代码放在两个分区中，但没有更改。使用HTML和CSS创建一个，我来看看。@user2905081您的HTML格式不好，这就是您想要实现的吗？抱歉，我删除了链接和图片，这样它们就不会出现在搜索中。是的，我正在尝试实现文本居中，图像不居中
并将其应用于
包装器中的
标记。当我把一个答案放在ant Jamie Read上时，我也遇到了同样的问题（对三个不同的答案投了3票）。巧合？我尝试添加图像对齐，但没有成功。现在看起来是这样的-
.centerDiv {width: 50%; margin: auto;}

#wrapper img { text-align: left; }