如何在 HTML 中設定表格單元格的最小寬度和最大高度？
- Linda Hamilton原創
- 2024-10-25 02:36:021073瀏覽
定義表格單元格的最小寬度和最大高度
在HTML 表格中，無法設定最小寬度和最大高度max-width 屬性直接在表格儲存格(td) 上。 CSS 2.1 中此元素未定義此功能。
解析度
您應該使用表格單元格的 width 屬性，而不是使用 min-width 和 max-width 。例如：
<code class="css">td {
width: 10px;
border: 1px solid black;
}</code>
範例
要限製表格單元格內的內容寬度並防止過多的可用空間，請考慮以下修改後的HTML 和CSS代碼：
<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>
附加說明
如果您在全螢幕模式下仍然遇到表格大小問題，請嘗試在CSS 中將表格佈局屬性設為「固定” 。這將強製表格採用固定寬度佈局，消除不必要的空白。
以上是如何在 HTML 中設定表格單元格的最小寬度和最大高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn