0

我有三个具有不同长度的文本块的 div。我想垂直对齐它们。我试过这个

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

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

但它似乎没有被应用.. 是我的网站,我正在谈论的部分是带有 3 个圆圈的部分(悬停时):

在此处输入图像描述

4

2 回答 2

0

你应该使用

display: table

display: table-cell

在你的元素上。

于 2013-10-20T22:14:55.337 回答
0

将以下 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;
于 2013-10-20T21:19:41.963 回答