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 erweisen sich als herausfordernd. Lassen Sie uns untersuchen, wie Sie dies erreichen können:

<pre>
<table>
<tr>

</tr>
< /table>

<style>
td {

}
</style>
</pre>

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

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

Indem Sie das Tabellenlayout auf „Fest“ setzen, verteilt der Browser das gleichmäßig verbleibende Breite zwischen den 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!