我需要在有两行的网页上创建一个表。表格需要填满整个页面,所以我在CSS样式表中将表格的高度和宽度设置为100%,HTML和正文的高度也设置为100%。
但是,我需要表格的第一行正好是100像素高,第二行要展开以适合表格的其余部分。当我设置顶行的高度时,它不起作用。
这种行为可能吗?我试过下面的,但没用。
<table style="border-collapse:collapse;height:100%;width:100%;">
<tr>
<td style="border:solid 1px black;height:100px">1</td>
<td style="border:solid 1px black">2</td>
</tr>
<tr>
<td style="border:solid 1px black">3</td>
<td style="border:solid 1px black">4</td>
</tr>
</table>
编辑:我使用的是表格数据,特别想使用一个表,而不是div。上面的示例是简化一个包含大约20列的表。
编辑2:我找到问题了。它是HTML中的doctype定义(由Visual Studio添加)。删除后。。。
…工作得很好。所以我的新问题是,这样做可以吗?还是有正确的方法来处理DOCTYPE?
最佳答案
如果不使用CSS,则可以:
<html>
<body>
<table height="100%" width="100%" border="1">
<tr height="100">
<td>This is item text.</td>
</tr>
<tr>
<td>This is item text 2.</td>
</tr>
</table>
</body>
</html>
所以这是可能的,我现在就用CSS试试。
关于html - 我可以创建HTML表宽度的百分比高度,但像素精确的行高度吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/495194/