1

私はまだCSSでレイアウトを行う方法を学んでいます。
別のWebサイトからCSSを借りて遊んだ後、CSSから
これを削除すると次のことに気づきました。

header {  
    display: block;  
}

私のヘッダーは中央に配置されません。これをCSSファイルから削除すると、ヘッダー画像が非常に小さくなり、左上隅に残ります。displayプロパティについて読んだ後、なぜそれがセンタリングを制御するのかわかりません。誰かが私にそれを簡単に/簡単に説明できますか？

4

2 に答える 2

3

http://www.quirksmode.org/css/display.html

ページの途中までスクロールすると、詳細な説明と機能の例が表示されdisplay: blockます。

参考までに: あなたが投稿したコードは、ドキュメントを HTML 4 として解析するブラウザーで必ずしも何も実行するとは限りません (ただし、HTML 5 をサポートするブラウザーでは実行されます)。

「header」というタグ (HTML 4 には存在しない) を に設定する必要があると述べていますdisplay: block。したがって、次の 4 つのいずれかが発生します。

  1. ブラウザはそれを HTML 5 として認識し、スタイルを適用します。
  2. ブラウザは、タグがわからない場合でも、任意のパターン マッチを実行してスタイルを適用します。
  3. ブラウザは何もしません。
  4. ブラウザは CSS 命令の一部のみに従います。

編集: headerHTML 5 の新しいタグに関するドキュメントは次のとおりです: http://html5doctor.com/the-header-element/

編集 #2:ページ上の他の競合するスタイルを除いて、これは中央揃えの見出しを提供します。

<style>

H1 {
    text-align: center;
}

</style>

<h1>Some text to be centered</h1>
于 2010-12-22T22:20:32.127 に答える
0

display: blockは、段落とヘッダーが常にそうであったように、要素がブロックとして表示されることを意味します。ブロックの上下には空白があり、別の順序で並べられた場合 (たとえば、フロート宣言を別の要素に追加するなど) を除いて、ブロックの隣に HTML 要素を配置することはできません。もっと

于 2010-12-22T22:20:28.193 に答える