2

ページの真ん中に大きなテキストを配置しようとしています。ページに body タグのみが必要 (優先) で、他には何もありません。を使用display: table-cellして設定しよvertical-alignmentうとしましmiddleたが、それは機能しませんでしたheight: 100%

次に、この問題に対処するスタックオーバーフローに関する別の質問を見つけましたが、大きなフォントでは機能しないことに気付きました。これは私がこれまでに持っているものです: http://jsfiddle.net/aECYS/

4

3 に答える 3

5

指定された幅と高さに基づいて、div を上と左に押し込みます。

CSS

 body{ background-color: #000;}
    div{
        background-color: #000;
        width:800px; 
        height: 200px; line-height: 200px;
        position: absolute;
        top: 50%; margin-top:-100px;
        left: 50%; margin-left:-400px;
        font-weight: bold;
        font-size: 100px;
        text-transform: uppercase;
        color: #ccc; text-align:center
    }​

デモ

于 2013-01-03T07:35:25.607 に答える
1

あなたの位置が絶対的な場合は、これでcss属性を変更したい場所にテキストを移動します。

注: 絶対配置要素は、他の要素と重なる場合があります。

position: absolute;
top: 37%;
left: 34%;

デモを見る

幅と高さを 100% に設定

width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;

次に、画面サイズが異なるテキストセンター

于 2013-01-03T07:32:05.473 に答える