0

したがって、JSFidleにコードがあり、セクション内の h1 をフィールドの中央に配置することはできません...垂直方向の配置は彼の仕事をしません! そしてマージンオートも同じです。アイデアはありますか？

    #welcome{
    vertical-align: middle;
    height: 100px;
}
#welcome h1{
    color: gray;
    font-size: 2.1em;
    font-family:"proxima-nova","sans-serif";
    text-align: center;
    font-weight: bold;
}
4

3 に答える 3

2

テキストを中央揃えにする高さに line-height を設定#welcome h1します。これは、テキストを中央揃えにする一般的な方法です。

jsフィドル

#welcome h1 {
    line-height: 100px;
}
于 2013-04-01T12:09:18.230 に答える
1

line-height を div の高さと同じに設定すると、垂直方向に整列します

#welcome{
height: 100px;
}
#welcome h1{
line-height:100px;
}
于 2013-04-01T12:08:57.870 に答える
0

追加display:table-cell

section{
    display:table-cell;
    vertical-align: middle;
    position: relative;
    top:0px;
    border-bottom: 1px solid #eee;
}

デモ

于 2013-04-01T12:07:53.510 に答える