如何在整个页面中放置表格答案

【问题标题】：how to fit table in entire the page如何在整个页面中放置表格
【发布时间】：2022-01-09 17:01:34
【问题描述】：

我不想在页面中留出空白。我只是根据页面宽度仅使用 html 来适应表格。

    <title>testing</title>
</head>
<body>
    <table width="100%", cellpadding="0" cellspacing="0" bgcolor="#f3971b" border="1px">
        <tr>
            <td><font face="arial" size="10">Home</font></td>
            <td><font face="arial" size="10">Services</font></td>
            <td><font face="arial" size="10">Testimonials</font></td>
            <td><font face="arial" size="10">Contact</font></td>
            <td><font face="arial" size="10">Message</font></td>
        </tr>
    </table>

</body>

[在此处输入图片描述][1]

【问题讨论】：

标签： html firefox browser html-table web-frontend

【解决方案1】：

我认为下面的 CSS 代码可能有助于使表格适合整个窗口，

body
{
    height : 100%;
    weight : 100%;
    padding :0;
    margin:0;
}

【讨论】：

只有html才有可能吗？

【解决方案2】：

您可以将 CSS 用于全角表格，例如 --

<style>
   table {
       border-collapse: collapse;
       width: 100%;
       border: 1px solid #ddd;
   }

   th, td {
       text-align: left;
       padding: 16px;
   }
</style>

【讨论】：

只能通过html实现吗