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

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

回答:

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

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

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

以上是 表格属性的最小宽度和最大高度 的全部内容, 来源链接: utcz.com/qa/419124.html

回到顶部