Question

我必须承认，我对HTML并不多，但我正在努力学习。我有一个以DIV为中心的图像，但它没有真正水平居中。它的左边是中心的位置，如下所示：

[---------- | ----------]

[---------- |图像 - ]

[---------- | ----------]

做什么，做什么......

EDIT 一些代码：

<style>
#Outer {
position:relative;
height:100%;
width:100%;
text-align: center;
}

#Picture {
position:fixed;
top: 30%;

}
</style>

另外，我将它垂直和水平居中。垂直工作正常。

Answer 1

这可能有几个原因，请发布您的html和css代码以获得更好的答案。

应该有效的方法是在css中将parent text-align属性设置为center。（see demo）

Answer 2

我也只是在学习HTML，但我发现使用像

这样的东西

#picture
{
    margin-left:auto;
    margin-right:auto;
}

将获得div或其他任何样式的内容在父div的中间

希望有所帮助

Answer 3

您可以尝试将位置更改为相对位置。（见http://jsfiddle.net/VLCqz/1/）

至于......

的原因

Answer 4

在图像上设置宽度，然后将图像上的边距设置为0px auto。

<!-- Your HTML -->
<img src="path_to_image.jpg" alt="set alternate text" id="img_id" />

/* Your CSS: */
#img_id {
width: set the width of the image in pixels here (i.e. 250px);
margin: 0px auto;
}

Answer 5

您可以像这样简单地做到这一点。：）

<div style="margin:auto;">
      <img src="" id="" />
</div>

为什么我的图像不在我的DIV中心？

5 个答案: