定義表格單元格的最小寬度和最大高度
在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中文網其他相關文章!