1

テキストをウィンドウの中央に配置するためにあらゆる場所を調べましたが、最良の解決策を見つけたと思います (私は信じています... 私は他の提案を求めています)。ただし、ウィンドウがどれほど大きくても小さくても、これらの迷惑なスクロールバーが両側に表示されます。

このコード/フィドルを見て、スクロールバーがある理由とそれらを削除する方法を教えてください。

<!DOCTYPE html>
<html>
  <head>
    <link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet'       type='text/css'>
  <style>
    body {
        font-family: 'Asset', cursive;
        font-size: 100px;
        text-shadow: 4px 4px 4px #aaa;

        width: 100%;
        height: 100%;
    }

    div {
        position:absolute; 
        height:100%; 
        width:100%;
        display: table;
    }

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

  </style>
  </head>
  <body>
    <div>
    <h1>HELLO</h1>
    </div>
  </body>
</html>

http://jsfiddle.net/rYe7V/

4

2 に答える 2

2

フィドル: http://jsfiddle.net/rYe7V/1/

に追加するだけbodyです：

margin: 0;
于 2013-08-10T17:53:58.670 に答える
2

このようにスクロールバーを削除できます。http://jsfiddle.net/rYe7V/2/

body
{
overflow: hidden;
}
于 2013-08-10T17:55:05.527 に答える