Warum es Höhen setzen kann, aber es sieht nicht wie <h1 /> Elemente aus, es fühlt sich an, als wäre es ein halb-inline-Element (Inline: Inline [Text] -level). HTML 4 wird so beschrieben:
Die folgenden Elemente können auch als Elemente auf Blockebene angesehen werden, da sie möglicherweise Elemente auf Blockebene enthalten:
In dieser Beschreibung scheint es, dass <li /> ein halb-inline-Element ist. Natürlich haben mir auch die <td /> Elemente in dieser Liste solche Zweifel gebracht. Heute habe ich mir das Standard -CSS für jeden Browser angesehen. Das Ergebnis ist Folgendes:
| Browser | CSS |
|---|---|
| IE6/IE7 | li{display:block; } |
| IE8+ / Webkit / Firefox / Opera | li{display:list-item; } |
Hier ist es im Grunde klar. Im A-Grade-Browser außer IE6/7 ist es ein halb-inline-Element. Wenn es um display:list-item; tatsächlich, obwohl alle Browser in der A-Klasse jetzt unterstützt werden, verwenden nicht viele Menschen es. Warum? Eigentlich ist es nutzlos. Im Quirks -Modus sagt PPK Folgendes:
Live-Beispiel: Anzeige: BlockDisplay: List-ItemDisplay: List-Item
display: list-itembedeutet, dass das Element als Listen-Item angezeigt wird, was hauptsächlich bedeutet, dass es eine Kugel vor sich hat (wie ein UL), außer in IE 5 auf Mac, wo es eine Nummer (wie eine OL) erhält. Die Zahlen sind fehlerhaft: Alle vorherigen Li-Zahlen in der Seite zählen als eins, so dass dieses Beispiel mit Nummer 5 beginnt (der Screenshot wurde erstellt, bevor ich meine Kompatibilitätsli-Li einfügte).
Rechts. Eigentlich ist das nicht sehr bedeutungsvoll. Aber es löste auch einen meiner Zweifel. Teilt es. Wenn Sie solche Zweifel haben, können Sie wahrscheinlich schnell schnell reagieren, wenn Sie beim nächsten Codieren Fehler oder andere Fragen haben.