Не могу правильно центрировать div

Question

Не могу правильно центрировать div

0

Это проблема, с которой у меня были проблемы: я не могу сосредоточить свои divs на моей веб-странице. Ситуация такова: div, который я пытаюсь сосредоточить, находится в другом div. После многих исследований и сотен способов, которые потерпели неудачу, мне удалось сосредоточить это. Однако, когда я делаю видовое окно меньше, чем div, он внезапно больше не центрируется и плавает влево. У меня только эта проблема с неупорядоченными списками (навигации) в div.

Вот код моей веб-страницы (упрощенный) и JSBin:

<body>
    <div id="container">
        <header id="topheader">
            ...
        </header>
        <div id="content">
            ...
            <div id="images">
                <ul>
                    <li><a href="#"><img src="..."></a></li>
                    <li><a href="#"><img src="..."></a></li>
                    <li><a href="#"><img src="..."></a></li>
                    <li><a href="#"><img src="..."></a></li>
                </ul>
            </div>
            ...

        </div>
    </div>
</body>

Проблема заключается в образе div. Аналогичная вещь есть и на странице.

Мой вопрос: почему он это делает и как его можно решить?

Creator13 21 дек. 2013, в 15:52

Источник

3

Можете ли вы создать минимальный образец на www.jsbin.com или www.jsfiddle.com с той частью вашего css, которая не работает. Также вставьте CSS для вашего контейнера содержимого div #
drinchev 21 дек. 2013, в 14:01
0

также div # container и <header>, пожалуйста
web-tiki 21 дек. 2013, в 14:04
0

использовать поле: 0 авто; центрировать любой элемент
Pranav C Balan 21 дек. 2013, в 14:06
0

Не забудьте также включить свой HTML, так как трудно угадать, где находится ваш элемент middle_content_images.
Jervelund 21 дек. 2013, в 14:06
0

В вашем примере CSS не имеет отношения к HTML, который вы показали?
jediah 21 дек. 2013, в 14:07

Показать ещё 3 комментария

Теги:

html

css

css3

1 ответ

Ещё вопросы

Можете ли вы создать минимальный образец на www.jsbin.com или www.jsfiddle.com с той частью вашего css, которая не работает. Также вставьте CSS для вашего контейнера содержимого div #
также div # container и <header>, пожалуйста
использовать поле: 0 авто; центрировать любой элемент
Не забудьте также включить свой HTML, так как трудно угадать, где находится ваш элемент middle_content_images.
В вашем примере CSS не имеет отношения к HTML, который вы показали?

NoobEditor · Accepted Answer · 2013-12-21T12-14-00.000Z

margin:0 auto; отцентрировать DIV, а не содержание.... то, что я хочу сказать, что если ваш div является 60px широкий и содержание только 30px в ширину, то ДИВ выровняет к центру, но содержание все еще будет align с одной стороны div, а не в центре, давая представление о том, что div не центрирован..... мое предложение состоит в том, чтобы использовать свойство text-align с margin

см. эту ДЕМО и обратите внимание на border чтобы понять, что div является центральным.... но контент не является ~

CSS

#content {
    width:98%;
    margin:0 auto;/*center div*/
    border:1px solid #000;
}
#images {
    width:98%;
    margin:0 auto;/*center div*/
    border:1px solid #CCC;
    text-align:center /*center text*/
}