时间戳

首页 > 解决方案 > 没有css的HTML5表格固定宽度/高度？

html - 没有css的HTML5表格固定宽度/高度？

问题描述

所以我正在尝试学习 HTML 5，但还没有学习 CSS，所以试图弄清楚但到目前为止还没有运气。我得到了表格来绘制排序，但它们总是根据其中的内容改变大小。我曾经在没有问题的表格中做同样的事情，所以我想我忘记了 html5 中的方式或不同之处。所以我试图让页面布局占据 95% 的高度和宽度，并以浏览器窗口为中心。我想要 3 行和 3 列，页眉和页脚（顶部和底部）使用所有 3 列，中间的左侧和右侧大约 100 像素宽，中间的中间占据了其余的空间。我可以将标题设置为大约 80 像素没有问题，但是当我将高度设置为中心行或底部行时，它似乎忽略了它们，只是根据内容调整它们的大小。我希望根据需要用滚动条固定表格。我不知道如何强制它设置大小并将其保留在那里而不根据屏幕大小或内容调整大小。我使用的代码：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="test.css">
</head>
<body>


<table height=100% width=100%" border=".5">
<tbody>
<tr height=90px width=100%>
<td colspan=3>Header/logo/etc</td>
</tr>
<tr>
<td width=100px>LeftSide Panel</td>
<td>Contents</td>
<td width=100px>RightSide Panel</td>
</tr>
<tr height=25px width=100%>
<td colspan=3>Footer</td>
</tr>
</tbody>
</body>
</html>

这就是它的样子： index.html 的屏幕截图 中心在没有固定高度的情况下全部粉碎，中心宽度似乎设置为 100px

标签： htmlcss

解决方案

推荐阅读