Wie lege ich die minimale Breite und maximale Höhe für Tabellenzellen in HTML fest?-CSS-Tutorial-php.cn

Wie lege ich die minimale Breite und maximale Höhe für Tabellenzellen in HTML fest?

Linda Hamilton

Freigeben： 2024-10-25 02:36:02

Original

1073 Leute haben es durchsucht

How to Set Min-Width and Max-Height for Table Cells in HTML?

Mindestbreite und maximale Höhe für Tabellenzellen definieren

In HTML-Tabellen ist es nicht möglich, die Mindestbreite und -höhe festzulegen max-width-Eigenschaften direkt auf Tabellenzellen (td). Diese Funktionalität ist für dieses Element in CSS 2.1 nicht definiert.

Auflösung

Anstelle der Verwendung von „Min-Breite“ und „Max-Breite“ sollten Sie die Eigenschaft „Breite“ für Tabellenzellen verwenden . Zum Beispiel:

<code class="css">td {
    width: 10px;
    border: 1px solid black;
}</code>

Nach dem Login kopieren

Beispiel

Um die Inhaltsbreite innerhalb einer Tabellenzelle zu begrenzen und übermäßigen freien Speicherplatz zu verhindern, ziehen Sie den folgenden modifizierten HTML- und CSS-Code in Betracht:

<code class="html"><html>
<head>
    <style type="text/css">
        td {
            border: 1px solid black;
        }

        html, body, .fullheight {
            height: 100%;
            width: 100%;
        }
        .minfield {
            width: 10px;
            border: 1px solid red;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <table class="fullheight">
        <tr>
            <td class="minfield">
                <div class="minfield">
                    <p>hallo</p>
                </div>
            </td>
            <td><p>welt</p></td>
        </tr>
    </table>
</body>
</html></code>

Nach dem Login kopieren

Zusätzlicher Hinweis

Falls im Vollbildmodus immer noch Probleme mit der Tabellengröße auftreten, versuchen Sie, die Eigenschaft „table-layout“ in Ihrem CSS auf „fixed“ zu setzen . Dadurch wird ein Layout mit fester Breite für die Tabelle erzwungen, wodurch unnötiger Leerraum vermieden wird.

Das obige ist der detaillierte Inhalt vonWie lege ich die minimale Breite und maximale Höhe für Tabellenzellen in HTML fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!