Html 为什么我的形象不在我的DIV中居中?

Html 为什么我的形象不在我的DIV中居中?,html,html5-video,center,centering,Html,Html5 Video,Center,Centering,我必须承认,我真的不太了解HTML,但我正在尝试学习。我有一个以DIV为中心的图像,但它并不是真正的水平居中。它的左边缘是中心的位置,如下所示: [------------------------] [------------|图像--] [------------------------] 做什么,做什么 编辑 一些代码: <style> #Outer { position:relative; height:100%; width:100%; text-align: center;

我必须承认,我真的不太了解HTML,但我正在尝试学习。我有一个以DIV为中心的图像,但它并不是真正的水平居中。它的左边缘是中心的位置,如下所示:

[------------------------]

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

[------------------------]

做什么,做什么

编辑 一些代码:

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

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

}
</style>

#外{
位置:相对位置;
身高:100%;
宽度:100%;
文本对齐:居中;
}
#图画{
位置:固定;
最高:30%;
}

另外,我将它垂直和水平居中。垂直模式很好用。

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


在css中将父文本对齐属性设置为居中。()

我也只是在学习html,但我发现使用

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

将获得DIV或无论是哪种样式在父DIV/P>的中间


希望对您有所帮助

您可以尝试将位置更改为相对位置。(见附件)


至于为什么…

在图像上设置一个宽度,然后将图像上的边距设置为0px自动

<!-- 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;
}

/*您的CSS:*/
#img_id{
宽度:在此设置图像的宽度,以像素为单位(即250px);
保证金:0px自动;
}

你可以像这样简单地做。:)



你能发布代码、HTML和CSS吗?真的需要这些代码来看看需要做什么。好的,我添加了一些可能有用的代码
<div style="margin:auto;">
      <img src="" id="" />
</div>