Добавление вертикального выравнивания: от среднего до запутанного div

Question

Добавление вертикального выравнивания: от среднего до запутанного div

0

У меня есть три div, у которых есть блок текста разной длины. Я бы хотел выровнять по вертикали. Я пробовал с этим

#container{
    height:200px;
    vertical-align:middle;
    display:table-cell;
}

#content{
    height:150px;
    display: inline-block;
    vertical-align: middle
}

Но, похоже, это не применяется. Здесь мой сайт, часть, о которой я говорю, это тот, у кого есть 3 круга (при наведении):

MultiformeIngegno 20 окт. 2013, в 23:31

Источник

Теги:

html

css

css-position

vertical-alignment

2 ответа

Ещё вопросы

sjmog · Answer 1 · 2013-10-20T20-38-00.000Z

Вы должны использовать

display: table

а также

display: table-cell

на ваших элементах.

Kevin Lynch · Answer 2 · 2013-10-20T18-38-00.000Z

добавьте следующий CSS в div который обертывает текст при hover

        /* chrome */
        display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;

         /* Firefox */
        display: -moz-box;
        -moz-box-pack: center;
        -moz-box-align: center;

        /* IE */
        display: -ms-box;
        -ms-box-pack: center;
        -ms-box-align: center;


        /* Native CSS */
        display: box;
        box-pack: center;
        box-align: center;

Извините за задержку .. Вы имеете в виду помимо стилей, которые я упомянул в моем вопросе, или только эти стили? Я попробовал только с этими стилями без удачи .. :(