なぜ高さを設定できるのか、<h1 />要素のようには見えません。半インライン(インライン:インライン[テキスト]レベル)要素のように感じます。 HTML 4は次のように説明されています:
ブロックレベルの要素が含まれる可能性があるため、次の要素もブロックレベルの要素と見なされる場合があります。
この説明では、 <li />はハーフインライン要素のようです。もちろん、このリストの<td />に似た要素は、そのような疑問ももたらしました。今日は、各ブラウザのデフォルトのCSSを見てみました。その結果、これは次のとおりです。
| ブラウザ | CSS |
|---|---|
| IE6/IE7 | li{display:block; } |
| IE8+ / WebKit / Firefox / Opera | li{display:list-item; } |
ここでは、基本的にはっきりしています。 IE6/7を除くAグレードブラウザでは、ハーフインライン要素です。 display:list-item;実際には、すべてのAグレードブラウザーがサポートされているにもかかわらず、多くの人がそれを使用することはありません。なぜ?実際、それは役に立たない。癖モードでは、PPKは次のように述べています。
ライブの例:展示:blockdisplay:list-itemdisplay:list-item
display: list-item要素がリスト項目として表示されることを意味します。これは、主にその前に弾丸があることを意味します(ULのように)。数字はバギーです。ページの以前のLIはすべて1つとしてカウントされるため、この例は5番で始まります(互換性liを挿入する前にスクリーンショットが作成されました)。
右。実際、これはあまり意味がありません。しかし、それは私の疑問の1つを解決しました。共有する。そのような疑問がある場合は、次回コーディング時にバグやその他の質問がある場合は、おそらく迅速に対応できるでしょう。