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

Maximale Breite von Tabellenzellen mit Prozentsätzen festlegen

Beim Streben nach der Optimierung von Tabellenlayouts tauchen Fragen hinsichtlich der Manipulation einzelner Tabellenzellen auf . Eine dieser Fragen betrifft das Festlegen der maximalen Breite einer Tabellenzelle mithilfe von Prozentsätzen. Trotz aller Bemühungen erzielen Versuche wie das bereitgestellte Beispiel oft nicht den gewünschten Effekt.

Die Lösung für diese Herausforderung liegt in der CSS-Eigenschaft table-layout: Fixed. Durch Anwenden dieser Eigenschaft auf die betreffende Tabelle wird die nachfolgende Eigenschaft „max-width“ wie vorgesehen wirksam.

CSS-Code:

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

Aktualisiert HTML:

<table class="fixed-table">
  <tr>
    <td>Test</td>
    <td>A long string blah blah blah</td>
  </tr>
</table>

CSS-Stil Blatt:

.fixed-table td {
  max-width: 67%;
}

Durch die Verwendung dieser Kombination aus CSS-Eigenschaften und -Attributen können Sie jetzt die maximale Breite jeder Tabellenzelle mithilfe von Prozentsätzen festlegen und so ein verfeinertes und reaktionsfähigeres Tabellenlayout gewährleisten.

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