在css或html中居中显示图像

我正在尝试将此图像居中放置在我的页面上，但我不知道如何操作：

我使用的代码如下：

<div class="dronevollelengte">
   <img src="http://www.quirk.be/wp-content/uploads/2013/06/drakdrone.jpg"
        text-align: center/>
</div>

---

对于div，您需要将

文本对齐：居中

部分放在样式属性中。您不能简单地将其放在属性之外的HTML中

<div class="dronevollelengte" style="text-align: center"><img src="http://www.quirk.be/wp-content/uploads/2013/06/drakdrone.jpg" /></div>

---

你可以改为设计div的样式。 在CSS中添加以下内容：

.dronevollelengte {
    margin:0 auto;
}

这会将顶部和底部的

边距设置为0，将左侧和右侧的
边距设置为自动。。。这将使
分区居中。因此，明智的做法是为其提供
宽度

查看工作示例。
谢谢您的帮助。不幸的是，我仍然有同样的问题。我已经清理了我的代码，并把它放在下面：'为什么
位置：绝对
？这会导致div超出文档流。此外，它使它的宽度更小，它将适合任何内部。因此，没有什么可以居中。div可能只用于图像，这样您就可以使用自动左右边距设置div的样式。不过，它不会与绝对位置一起工作……谢谢@Brainfeeder。我想做的是让我的图像填满整个屏幕。模板具有固定宽度，但通过使用position:absolute，它可以延伸到这些边界之外。你有其他的解决方案吗？如果你知道图像的宽度，那么
position:absolute；左：50%；左边距：-？？？px
将是您的解决方案，
？？
是图像宽度mHh的1/2，我使用了width=“100%”，但没有用。谢谢你的帮助。不确定为什么图像会一直向右延伸，但不会向左延伸。可能的重复
.dronevollelengte {
    margin:0 auto;
}