Question

我已经看到了很多关于如何做到的事情，但没有一个对我有用。我试图将我的名字放在div中（标识为＆＃34; .banner＆＃34;）。

以下是代码：

//html///////////////////////////////////
<div class="banner">
    <p>Jake Demian_</p>
</div>


//css////////////////////////////////////
.banner
{
    width: 100%;
    height: 400px;
    background-color: #e8bc23;
    text-align: center;
}

.banner p
{
    display: inline-block;
    font-family: "courier new";
    margin: 0 0;
    height: 100%;
    vertical-align: middle;
}

jsfiddle链接：linkage

对不起，提供最少的信息。我已经尝试了我能想到的inline-block，vertical-align: middle，height 100%，margin: auto的所有组合。

Answer 1

尝试添加：

top:45%;
position:relative;

到.banner p。

你也可以尝试添加：

display: table;

到.banner和

display: table-cell;

到.banner p。

JSFiddle：http://jsfiddle.net/BTjr7/2/

将一段文本垂直居中于div内

1 个答案: