Heim > Web-Frontend > CSS-Tutorial > So legen Sie die Tabellenzellenbreite in CSS fest: Warum funktionieren Min-Width und Max-Width nicht?

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

Patricia Arquette
Freigeben: 2024-10-25 04:11:02
Original
542 Leute haben es durchsucht

How to Set Table Cell Width in CSS: Why Min-Width and Max-Width Don't Work?

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage