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

Question

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

我有一个表,我想定义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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ars*_*en7 31

对于表格单元格,应使用"width"属性,因为表格单元格的"min-width"和"max-width"未定义.参见规范:

"在CSS 2.1中,'min-width'和'max-width'对表,内联表,表格单元格,表格列和列组的影响是未定义的."

要强制执行宽度,您可以尝试将table-layout属性更改为"fixed".该规范非常清楚地描述了算法.

Answer 2

mac*_*ing 7

要强制td的min-height属性,你也可以在td中放入不可见的图像,或者将td包装成div.第一种情况的例子:

<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，4 月前
查看次数：	58924 次
最近记录：	6 年，9 月前