Wie kann ich die maximale Breite für Tabellenzellen mithilfe von Prozentsätzen in HTML festlegen?

Maximale Breite von Tabellenzellen mithilfe von Prozentsätzen festlegen

In HTML-Tabellen kann es manchmal vorkommen, dass die maximale Breite von Tabellenzellen mithilfe von Prozentsätzen festgelegt wird sich als herausfordernd erweisen. Lassen Sie uns untersuchen, wie Sie dies erreichen können:

<br><table><br> <tr></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><td>Test</td>
<td>A long string blah blah blah</td>

Nach dem Login kopieren

< /table>

Der obige Code führt aufgrund der Einschränkungen der CSS-Regeln möglicherweise nicht zum gewünschten Effekt. Um dies zu überwinden, verwenden wir die weniger bekannte Tabellenlayout-Eigenschaft:

<br>table {<br> width: 100%;<br> table-layout: Fixed;<br> }<br>

Indem Sie das Tabellenlayout auf „Fest“ setzen, verteilt der Browser die verbleibende Breite gleichmäßig auf die Tabellenzellen, sodass Sie die Prozentsätze für die maximale Breite wie gewünscht festlegen können.

Schauen Sie sich die aktualisierte Geige hier an: http://jsfiddle.net/Fm5bM/4/, um die Implementierung in Aktion zu erleben.

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