Warum wirkt sich Margin-Top nicht auf Inline-Elemente in Firefox aus?

Unwirksamkeit des oberen Rands in Inline-Elementen von Firefox

Sie fragen sich vielleicht, warum das Festlegen der Eigenschaft „Rand oben“ keine Auswirkung auf Inline-Elemente in Firefox hat. Es muss unbedingt klargestellt werden, dass dieses Verhalten nicht nur bei Firefox auftritt, sondern als Teil der CSS 2.1-Spezifikation definiert ist.

Gemäß der CSS 2.1-Spezifikation bestimmen randbezogene Eigenschaften die Breite des Randbereichs eines Elements. Während sie im Allgemeinen für alle Elemente gelten, haben vertikale Ränder, wie z. B. „margin-top“, keine Auswirkung auf nicht ersetzte Inline-Elemente.

Das bedeutet, dass, wenn Sie einen „margin-top“-Stil auf ein

oder Elemente, die als Inline-Elemente betrachtet werden, ignorieren die Einstellung „margin-top“ und rendern ohne vertikalen Randraum.

Das obige ist der detaillierte Inhalt vonWarum wirkt sich Margin-Top nicht auf Inline-Elemente in Firefox aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!