вертикальное выравнивание div внутри div не работает

Question

вертикальное выравнивание div внутри div не работает

0

Почему div внутри #inner не выравнивается по вертикали? Обратите внимание, что я использую IE 8 и CSS, а не CSS3, если это имеет значение. Это мой html.

<div class="Content">

    <div id="home">
        <div id="inner">
                <div id="stuff">HeadingOne</div>
                <div>HeadingTwo</div>
                <div>HeadingThree</div>
        </div>
    </div>

</div>

Это мой CSS

    #inner div {
         display: inline;
    }

    #home #inner {
        margin: 0px auto;
        vertical-align: middle;
    }

    #home {
        display: table-cell;
        vertical-align: middle;
        text-align:center;
    }

Как вы можете видеть, я попытался сделать display: table-cell; а затем выполнить вертикальное выравнивание: среднее, но это не сработало. Любая идея почему? И да, мне нужно, чтобы дисплеи "#incinner div" были встроенными. Я хочу, чтобы div внутри #inner был встроенным и в центре Контента.

user2719875 22 окт. 2013, в 22:05

Источник

0

что именно вы пытаетесь в итоге?
andi 22 окт. 2013, в 19:49
0

@andi Я хочу, чтобы внутри div был внутри #inner и в центре содержимого.
user2719875 22 окт. 2013, в 19:50
1

jsfiddle.net/c9zPc Так что это не то, что вы хотите? ....
A.O. 22 окт. 2013, в 19:51
0

Я не понимаю разницу между тем, что у тебя есть, и тем, что ты хочешь. Похоже, у вас уже есть то, что вы хотите.
andi 22 окт. 2013, в 19:52
0

@andi Хм, ладно, мне кажется, что мне нужно снова просмотреть весь код, потому что, кажется, что-то заставляет его не выравниваться по вертикали.
user2719875 22 окт. 2013, в 19:53
0

@andi wait Я хочу, чтобы элементы div внутри #inner были выровнены по вертикали, а не только по горизонтали. Когда я копирую только код, который я вам показал, вставляю его в новый файл блокнота, а затем сохраняю его как файл .html и открываю в IE 8, он не выравнивается по вертикали точно по середине страницы.
user2719875 22 окт. 2013, в 20:01
0

@A.0A.0 хорошо, одну секунду, я почему-то не могу просмотреть jsfiddle. Я собираюсь попробовать скачать другой браузер и открыть его с другим браузером, сейчас я использую IE 8.
user2719875 22 окт. 2013, в 20:02
0

эй, ты не применяешь </br> после каждого <div>, который будет работать в настоящее время.
3bu1 22 окт. 2013, в 20:08

Показать ещё 6 комментариев

Теги:

html

css

vertical-alignment

1 ответ

Ещё вопросы

@andi Я хочу, чтобы внутри div был внутри #inner и в центре содержимого.
jsfiddle.net/c9zPc Так что это не то, что вы хотите? ....
Я не понимаю разницу между тем, что у тебя есть, и тем, что ты хочешь. Похоже, у вас уже есть то, что вы хотите.
@andi Хм, ладно, мне кажется, что мне нужно снова просмотреть весь код, потому что, кажется, что-то заставляет его не выравниваться по вертикали.
@andi wait Я хочу, чтобы элементы div внутри #inner были выровнены по вертикали, а не только по горизонтали. Когда я копирую только код, который я вам показал, вставляю его в новый файл блокнота, а затем сохраняю его как файл .html и открываю в IE 8, он не выравнивается по вертикали точно по середине страницы.
@A.0A.0 хорошо, одну секунду, я почему-то не могу просмотреть jsfiddle. Я собираюсь попробовать скачать другой браузер и открыть его с другим браузером, сейчас я использую IE 8.
эй, ты не применяешь </br> после каждого <div>, который будет работать в настоящее время.

DaniP · Answer 1 · 2013-10-22T19-09-00.000Z

У вас плохое свойство display. Используйте этот CSS:

#home {
    display: table;
    text-align:center;
}    
#home #inner {
    display:table-cell;
    height:50px;
    background-color:#ccc;
    vertical-align: middle;
}
#inner div {
    display: inline-block;
}

Вы можете просмотреть эту ссылку с помощью примера в IE8 http://jsfiddle.net/rd2Hc/18/embedded/result/

Хм, мне нужно, чтобы отображение #inner div было встроенным. Я попробовал ваш код, и он по-прежнему не выравнивает по вертикали #inner div.
AM хорошо, так что #inner divs вертикально выровнены внутри чего? Вы можете сделать скрипку, показывая проблему?