Heim > Artikel > Web-Frontend > Wie lege ich die minimale Breite und maximale Höhe für Tabellenzellen in HTML fest?

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

Linda HamiltonOriginal: 2024-10-25 02:36:02969Durchsuche

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>

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>

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!

css html for while try using Property undefined this table td

Stellungnahme：

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

Vorheriger Artikel：Wie ändere ich CSS-Deklarationen dynamisch mit JavaScript?Nächster Artikel：Wie ändere ich CSS-Deklarationen dynamisch mit JavaScript?

In Verbindung stehende Artikel

Mehr sehen