Heim >Web-Frontend >CSS-Tutorial >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:021067Durchsuche
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!