Html 如何将div内的左元素与居中对齐

我有一个css，它有一个

文本对齐：居中

，因为我希望我的大多数元素居中，但是有一个元素我希望位于左上角

我可以通过更改右边的

边距：？？px

来实现。但我觉得这不是最好的办法。是否有更好的方法将

text align:center

div中的元素左上角对齐

下拉框

包含

文本对齐：居中

。我希望

img

位于左上方

img{
文本对齐：左；/*（不起作用）*/
右边距：95px；/*（可行，但不认为是最佳方法）*/
}
.升降箱{
文本对齐：居中；
}

尝试只对齐而不对齐文本：

<img align="left">

---

请尝试使用图像顶部和左侧的位置属性

img {
       position:absolute; 
      top : 15px;
      left : 15px;
    }

    .dropbox {
      text-align: center;
      position : relative;
    }

---

请看下面。HTML中的dropbox类拼写错误

.leftAlign{
文本对齐：左对齐；
}
.升降箱{
宽度：300px；/*仅用于演示*/
文本对齐：居中；
}

虚拟文本

只需将图像设置为一个

块

元素-无需其他任何操作（见下文）

img{
显示：块；
}
.升降箱{
文本对齐：居中；
}

更多文本

更多文本

更多文本

更多文本

。dropBox:非（img）{
文本对齐：居中；
}

所发生的是

中的所有内容。dropBox

将按照最初的预期居中，但“不是”

img

元素

---

此方法不会因使用其他人建议的

display

或

position

而影响其他元素或布局。

这在查看代码时很难识别，例如当他们想要更改对齐方式时。最好使用CSS进行样式化。他可以将它放在CSS img{align:left；}中，而您的示例没有显示。OP可能不知道他们可以将其放入CSS中。

align

属性已过时，不应使用。谢谢Rob。我不知道。你在html中使用dropBox，在css中你编写了dropBox。代码上写得很对，但我在这里写的时候打错了。谢谢你的注意。谢谢。谢谢。谢谢你的帮助。但是，由于img块，一些输入现在更向下。您所说的“输入”是什么意思？img块占据100%的宽度，因此后续元素将低于该宽度。如果您不想这样做，您可以将图像

位置：绝对

和

宽度

和

高度

设置指定，并将

位置：相对

指定给其父对象

。dropBox

。这会将图像放置在左上角，但这样可能会与其他元素重叠。