如何让 table 成为 window 的 100% 高度

Question

我需要你的帮助，

我遇到的问题是我的 table 不符合我的 window 的 100% 高度。如何修改下面的 HTML 编码以适应这一变化？

<table style="width: 100%; height: 100%; border: solid 1px black;">
    <tr>
        <td style="text-align: center; vertical-align: middle; padding: 5px; position: relative;">
            <p style="display: inline-block; width:100%; background: #ccc; vertical-align: middle;">
                Title Text
           </p>
        </td>
    </tr>
</table>

预期结果是：

Answer 1

试试这个：

将以下代码添加到您的CSS：

html, body {
height: 100%;
}

首先展开 html 和正文很重要。

之后你可以在 JS Fiddle

中创建一个 <table style="height:100%">

Answer 2

您也可以将 height:100%; 更改为 height:100vh; 看看这个 EXAMPLE

如何让 table 成为 window 的 100% 高度

How do you get a table to be 100% height of the window

html

html-table