表格属性的最小宽度和最大高度
我有一个表,我想定义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>
回答:
对于表单元格,应使用’width’属性,因为未为表单元格定义’min-width’和’max-width’。参见规格:
“在CSS 2.1中,’min-width’和’max-width’对表,内联表,表单元格,表列和列组的影响是不确定的。”
要强制使用宽度,您可以尝试将table-layout属性更改为“ fixed”。该规范非常清楚地描述了该算法。
以上是 表格属性的最小宽度和最大高度 的全部内容, 来源链接: utcz.com/qa/419124.html