我有一张表,我想定义min-width
and max-height
特性。请参见下面的示例。
我现在的问题是浏览器不接受它。如果我将其定义为td
如果我在一个中定义它,它会被忽略div
a 内的元素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(使用前将#替换为@)