html - ボックス内のテキストの中央揃え

Question

score 3 · Accepted Answer

テキストの高さが 1 行だけになる場合line-height:300pxは、要素の高さに合わせて設定します。

score 2 · Accepted Answer

これを試して：

a#about {
    display: table-cell;
    vertical-align: middle;
}
p {
    text-align: center;
}

デモ

score 2 · Accepted Answer

このような

デモ

CSS

a#about {
    display: table-cell;
    width: 300px;
    height: 300px;
    border: 1px solid black;
    vertical-align:middle;

    }
p{
    text-align:center;

}

score 0 · Accepted Answer

どうぞ http://jsfiddle.net/tMfA7/

a#about {
display: block;
width: 300px;
height: 300px;
line-height:300px;
border: 1px solid black;
text-align:center;
margin:0;
}

score 0 · Accepted Answer

CSS:

a#about {
    display: block;
    width: 300px;
    height: 300px;
    line-height:300px;
    border: 1px solid black;
    }

注: 2 行のテキストがある場合、2 行目は 1 行目より 300 ピクセル下になります。

score 0 · Accepted Answer

このために、スタイルシートでこの Css コードを試すことができます。

vertical-align:central;

html - ボックス内のテキストの中央揃え

6 に答える 6

Related

Reference