首页 > 文章 > web前端 > 如何在 HTML 中设置表格单元格的最小宽度和最大高度？

如何在 HTML 中设置表格单元格的最小宽度和最大高度？

Linda Hamilton原创: 2024-10-25 02:36:02969浏览

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

定义表格单元格的最小宽度和最大高度

在 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中文网其他相关文章！

css html for while try using Property undefined this table td

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：How to Dynamically Modify CSS Declarations with JavaScript?下一篇：Why is There an Invisible Margin Below My Images, Even Though My Code Doesn\'t Specify It?

查看更多