8


0

Webページを画面の中央に配置する方法 stackoverflow Webサイトのページのように? 私は私のウェブサイトのマスターページを書いています、そして私はスクリーンの真ん中にマスターページを配置するためにHTMLとcssを使いたいですそしてそれからcssを使って内側の位置決めブロックを構築したいです。 しかし、途中でページを視覚化することはできません。

ありがとうございました!

8 Answer


17


余白を使用して、中央に水平に配置できます。

このHTMLを考えると:

... 内容...

CSSは以下のように単純にすることができます。

#page {margin-left:auto;右マージン:自動。幅:960ピクセル。 }

これを機能させるには、有効なDoctypeがあることも確認する必要があります。


6


`++`を作成する

あなたの ++

そのようです:


そして、次のCSSを追加してください。

body {
    text-align: center; /* IE */
}

#main {
    margin-left: auto;
    margin-right: auto;
    text-align: left;   /* IE */
    width: XXX;         /* Fill this out. */
}


2


すべてのコンテンツをコンテナに入れて、余白を与えます。0 auto


0


ここにあなたのコンテンツ

水平および垂直の位置合わせが必要な場合は、このページをチェックしてください。http://www.wpdfd.com/editorial/thebox/deadcentre2.html


0


すべてをマージン:オートでdivで囲み、本文にtext-align:centerを持たせます。


0


HTMLコードを次のようにします。

  .....

そして、以下はCSSコードです:

.box{
    width: 200px;
    margin: 10px auto;
}

上記のCSSコードは、divの幅を200pxに設定し、下から最大10pxに設定し、左から右に「+ auto 」にマージンを設定します。つまり、位置が自動的に中央に調整されます。 ` auto +`は、左右のマージンが同じサイズに設定されることを保証します。


0


それは簡単です:* display:inline-block *;

//ここにあなたのTextBox


-1


あなたが試すことができます:


'' '' '

これは最低30文字を満たすためのより多くのテキストです。