如何在整个页面中放置表格
Posted
技术标签:
【中文标题】如何在整个页面中放置表格【英文标题】：how to fit table in entire the page 【发布时间】：2022-01-09 17:01:34 【问题描述】：我不想在页面中留出空白。我只是根据页面宽度仅使用 html 来适应表格。
<title>testing</title>
</head>
<body>
<table , 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】：我认为下面的 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实现吗以上是关于如何在整个页面中放置表格的主要内容，如果未能解决你的问题，请参考以下文章