Wie wirkt sich die Anzeigeeigenschaft des Elements „' auf das Verhalten anonymer Blockboxen und die Gestaltung des Inhalts darin aus?

display:block Inside display:inline

Stellen Sie sich das folgende Szenario vor: Ein HTML-Dokument mit einem

Element mit dem Stil display:inline und einem

Element mit dem Stil display:block. Gemäß der CSS 2.1-Spezifikation führt dieses Setup zu Folgendem:

„Eine anonyme Blockbox um den

, die eine anonyme Blockbox um den anonymen Text vor dem

enthält, dem

Dieses Setup unterscheidet sich von dem von

. Gemäß der CSS 2.1-Spezifikation:

„Eigenschaften, die für Elemente festgelegt werden, die dazu führen, dass anonyme Blockboxen generiert werden, gelten weiterhin für die Boxen und den Inhalt dieses Elements.“

+- anonymous block box around body ---+
| +- anonymous block box around text 1-+ |
| |                                 + |
| +---------------------------------+ |
|                                     |
| +- P block box -------------------+ |
| |                                 + |
| +---------------------------------+ |
|                                     |
| +- anonymous block box around text 2-+ |
| |                                 + |
| +---------------------------------+ |
+-------------------------------------+

Dieser Unterschied ist bei Eigenschaften sichtbar wie „Grenzstil“. Im Fall von umgibt der Rahmen den anonymen Text vor und nach dem

Element, wobei das

Element unverändert. Im Gegensatz dazu umgibt der Rahmen bei

das gesamte Körperelement, einschließlich des

-Elements. Element.

Das obige ist der detaillierte Inhalt vonWie wirkt sich die Anzeigeeigenschaft des Elements „' auf das Verhalten anonymer Blockboxen und die Gestaltung des Inhalts darin aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!