Почему мое изображение не находится в центре моего DIV?

Question

Должен признать, я действительно не очень разбираюсь в HTML, но я пытаюсь учиться.У меня есть изображение, центрированное в DIV, но оно не центрировано по горизонтали.Левый край находится там, где будет центр, например:

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

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

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

Что делать, что делать ....

РЕДАКТИРОВАТЬ Некоторый код:

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

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

}
</style>

Кроме того, я центрирую его по вертикали и горизонтали.Вертикаль работает просто отлично.

Answer 1

Вы можете просто сделать это так.:)

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

Answer 2

Установите ширину изображения, а затем установите для поля значение 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 3

Я тоже только изучаю HTML, но обнаружил, что использую что-то вроде

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

получит div или любой другой стиль, который будет в середине родительского div

надеюсь, это поможет

Answer 4

Вы можете попробовать изменить положение на относительное. (см. http://jsfiddle.net/VLCqz/1/)

Что касается причины, по которой ...

Answer 5

Для этого может быть несколько причин, пожалуйста, оставьте свой HTML и CSS-код, чтобы получить лучший ответ.

Что-то, что должно работать, устанавливает свойство parent text-align на center в css.( см. Демо )