html - 如何创建具有固定布局的表格？

Question

嗨，

我正在为我的网站布局使用 html 表格。当我们在一个单元格中按下 enter 时，单元格正在调整大小。我使用 css 来修复表格布局。表格布局没有改变。但单元格正在调整大小。

.pageContent table
{
    height:100%;
    width:100%;
    table-layout:fixed;
}
.pageContent table tr td
{
  padding:5px 10px 5px 10px;
 }

如何防止表格单元格的大小调整？

Answer 1

您的表格正在调整大小，因为您使用的是比例宽度。

您可以通过多种方式控制它。例如，通过以像素为单位设置您的或高度:

CSS:
table td {height: 20px;}

您的单元格将不再垂直调整大小。