Wie lege ich die maximale Breite von Tabellenzellen mithilfe von Prozentsätzen fest?

Festlegen der maximalen Breite von Tabellenzellen mithilfe von Prozentsätzen

Diese Anfrage befasst sich mit einem wiederkehrenden Problem, mit dem Entwickler konfrontiert sind: dem Festlegen der maximalen Breite von Tabellenzellen mithilfe von Prozentsätzen. Das bereitgestellte HTML- und CSS-Beispiel veranschaulicht dieses Problem.

Während die CSS-Eigenschaft max-width typischerweise zur Steuerung der Breite von Elementen verwendet wird, funktionierte sie bei Tabellenzellen zunächst nicht wie erwartet. Wie kann diese Einschränkung überwunden werden, um die maximale Breite von Tabellenzellen mithilfe von Prozentsätzen festzulegen?

Der Schlüssel zum Freischalten dieser Funktionalität liegt in der Eigenschaft „table-layout“. Durch Festlegen von table-layout:fix auf dem Tabellen-Tag wird die Tabelle angewiesen, jeder Zelle eine bestimmte Breite zuzuweisen. Dies ermöglicht eine genaue Kontrolle über die Zellenbreiten, einschließlich der Verwendung von Prozentsätzen.

Betrachten Sie das folgende CSS-Beispiel:

table {
  width: 100%;
  table-layout: fixed;
}

td {
  max-width: 67%;
}

Jetzt halten sich die Tabellenzellen an die maximale Breite, die durch angegeben wird max-width-Eigenschaft, um sicherzustellen, dass übermäßig langer Text nicht überläuft und das Layout der Tabelle stört. Diese Technik ist mit modernen Browsern kompatibel und bietet eine zuverlässige Lösung zum Verwalten der Tabellenzellenbreiten mithilfe von Prozentsätzen.

Das obige ist der detaillierte Inhalt vonWie lege ich die maximale Breite von Tabellenzellen mithilfe von Prozentsätzen fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!