Question

我想在div中居中一个段落。为此，我尝试在我的文本前添加一个图像，然后在其上添加css“vertical-align：middle”。

我的文字的第一行是垂直对齐的：它很好，但第二行在我的div下。

如何解决我的问题？

THKS

div {
    height:200px;
    width:200px;
    text-align:center;
    background:cyan;
    position:absolute;
}

span {
    height:inherit;
    width:inherit;
    position:absolute;
    left:0;
    background: yellow;
    text-align:center 
}

img {
    height:100%;
    vertical-align:middle;
    width:3px;}
}

Answer 1

您可以使用display:table css：

div {
    height:200px;
    width:200px;
    background:cyan;
    display:table;
}

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

Example

垂直居中div中的段落

1 个答案: