So legen Sie die Tabellenzellenbreite in CSS fest: Warum funktionieren Min-Width und Max-Width nicht?

Verwenden der Eigenschaft „Breite“ für Tabellenzellen

Trotz der Erwartung sind die Eigenschaften „Min-Breite“ und „Max-Breite“ nicht auf Tabellenzellen anwendbar. Gemäß der CSS-Spezifikation ist ihre Auswirkung auf Tabellenzellen undefiniert.

Alternative Lösung

Um die Breite für Tabellenzellen zu definieren, verwenden Sie stattdessen die Eigenschaft width. Es legt effektiv die minimale und maximale Breite für die Tabellenzellen fest.

Beispiel:

<code class="css">td {
    width: 100px;
}</code>

Tabellenlayout

Zur weiteren Kontrolle können Sie auch die Eigenschaft „table-layout“ der Tabelle auf „fixed“ setzen. Dadurch wird ein festes Layout erzwungen und sichergestellt, dass die Tabellenzellen die angegebenen Breiten einhalten.

Codebeispiel

<code class="html"><table style="table-layout: fixed;">
    <tr>
        <td>
            <!-- Your content here -->
        </td>
        <td>
            <!-- Other content -->
        </td>
    </tr>
</table></code>

Das obige ist der detaillierte Inhalt vonSo legen Sie die Tabellenzellenbreite in CSS fest: Warum funktionieren Min-Width und Max-Width nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!