Не могу сосредоточиться в html / css - PullRequest
Новая
       34

Не могу сосредоточиться в html / css

0 голосов
/ 24 декабря 2011

Этот код должен работать (по моему мнению), но я не могу понять, почему он не будет.Заранее спасибо 

<body>
<div id="wrap">
<div style="margin:auto;"><img src="logo.png" alt="logo"/></div>
</div>
</body>
</html>

РЕДАКТИРОВАТЬ: Я пытаюсь центрировать его.Это остается в верхнем левом углу.Добавление высоты и ширины auto к обоим элементам div также не сработало.

Ответы [ 5 ]

2 голосов
/ 24 декабря 2011

Если вы хотите расположить логотип по центру по горизонтали, вам также необходимо указать ширину содержащего элемента div.Вот пример кода. 

<html>
<body>
<div id="wrap">
<div style="width:100px; margin:0 auto;"><img src="logo.png" alt="logo"/></div>
</div>
</body>
</html?
1 голос
/ 24 декабря 2011

Внутренний элемент div должен иметь заданную ширину, чтобы поле могло работать автоматически.

0 голосов
/ 24 декабря 2011

вам нужно проверить 2 вещи, прежде чем вы установите центр вашего дивизиона.

  1. Тип документа: проверьте, не находится ли он в режиме причуд.

  2. Ширина внутреннего div должна быть меньше ширины родительского div.

проверяйте эти вещи, вы получите ответ ... Всего наилучшего.

0 голосов
/ 24 декабря 2011

Я полагаю, что обертка имеет заданную ширину, для div, содержащего изображение, также потребуется заданная ширина.

Fiddle , чтобы вы могли видеть, что он работает. (немного переборщил с этим вопросом, я знаю :))

0 голосов
/ 24 декабря 2011

Ширина внутреннего div меньше ширины #wrap div?

...