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

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!