Warum wird die Größe von Feldsätzen nicht an den überfüllten Inhalt angepasst?-CSS-Tutorial-php.cn

Warum wird die Größe von Feldsätzen nicht an den überfüllten Inhalt angepasst?

Susan Sarandon

Freigeben： 2024-11-17 21:32:01

Original

983 Leute haben es durchsucht

Why Don't Fieldsets Resize to Fit Overflowing Content?

Größenänderungsproblem mit Mindestbreitenbeschränkung

Problem:

Elemente ändern ihre Breite nicht wie erwartet, wenn sie überlaufenden Inhalt enthalten.

Ursache:

Standardmäßig ist

Elemente haben eine Mindestbreitenbeschränkung von min-content, was bedeutet, dass sie niemals schmaler sein werden als die eigentliche Breite ihres Inhalts.

Fix:

Um dieses Standardverhalten zu überschreiben , können Sie min-width: 0; auf dem

. Dies funktioniert jedoch nur in WebKit und Firefox 53.

Gecko-spezifische Problemumgehung:

In früheren Firefox-Versionen können Sie zusätzlich die Anzeigeeigenschaft des < ;fieldset> auf einen der folgenden Werte:

table-cell (empfohlen)
table-column
table-column-group
table-footer-gr oup
table-header-group
table-row
table-row-group

Ist @-moz-document sicher?

Für dieses spezielle Problem ist die Verwendung von @-moz-document zum Ausblenden der Gecko-spezifischen Problemumgehung vor anderen Browsern gerechtfertigt. Es wird jedoch im Allgemeinen nicht empfohlen, @-moz-document als Ziel für Firefox zu verwenden.

JavaScript-Lösung:

Wenn Sie andere Browser als WebKit und Firefox unterstützen müssen 53 können Sie JavaScript verwenden, um die Breite des

-Felds manuell festzulegen. auf den gewünschten Wert.

Das obige ist der detaillierte Inhalt vonWarum wird die Größe von Feldsätzen nicht an den überfüllten Inhalt angepasst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!