我需要在有两行的网页上创建一个表。表格需要填满整个页面,所以我在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/

10-14 14:53
查看更多