表属性的最小宽度和最大高度

2023-11-30

我有一张表,我想定义min-width and max-height特性。请参见下面的示例。

我现在的问题是浏览器不接受它。如果我将其定义为td如果我在一个中定义它,它会被忽略diva 内的元素td元素,内容具有正确的最小和最大宽度,但表格仍然具有相同的大小。 (所以有很多可用空间:/)

我该如何解决这个问题?

编辑: 我刚刚注意到这个问题似乎只发生在表格处于全屏模式时。尽管如此,元素的宽度不应超过最大宽度!

Example:

<html>
<head>
    <style type="text/css">
        td {
            border: 1px solid black;
        }

        html,body,.fullheight {
            height: 100%;
            width: 100%;
        }
        .minfield {
            max-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>

对于表格单元格,应使用“宽度”属性,因为表格单元格的“最小宽度”和“最大宽度”未定义。请参阅规格:

“在 CSS 2.1 中,‘最小宽度’和‘最大宽度’对表格、内联表格、表格单元格、表格列和列组的影响未定义。”

要强制宽度,您可以尝试更改表格布局属性为“固定”。该规范非常清楚地描述了该算法。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

表属性的最小宽度和最大高度 的相关文章

随机推荐