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

小编典典

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

html

我有一个表，我想定义min-width和max-height属性。请参见下面的示例。

我现在的问题是浏览器无法使用它。如果我在它上定义它，td将被忽略，如果我在一个div元素内的一个td元素中定义它，则内容具有正确的最小和最大宽度，但表的大小仍然相同。（所以有很多可用空间：/）

我该如何解决？

编辑：我只是注意到问题似乎仅在表处于全屏模式时才会发生。但是，元素的最大宽度不应大于！

例：

<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>

阅读 620

2020-05-10

共1个答案

小编典典

对于表单元格，应使用’width’属性，因为未为表单元格定义’min-width’和’max-width’。参见规格：

“在CSS 2.1中，’min-width’和’max-width’对表，内联表，表单元格，表列和列组的影响是不确定的。”

要强制使用宽度，您可以尝试将table-layout属性更改为“ fixed”。该规范非常清楚地描述了该算法。

2020-05-10