Html 显示空表单元格而不显示

我试图创建一个空单元格表，在其中附加Javascript以切换类，所以我只需要给它们一个高度和宽度。问题是，当我创建表时，虽然它有填充，但我无法使它保持其高度。我试图避免使用，因为当我这样做时，它会创建突出显示文本的鼠标盖，多次单击框可以选择文本

在线查看，空单元格：显示；这是一个不变的答案，但它似乎不能保持高度。我曾经考虑过将其作为一系列内联块div来执行，但是边界变得混乱，因为边界不会塌陷

我只是有一张空桌子

<table style="border-collapse: collapse; empty-cells: show;">
    <tr>
        <td style="height: 1.3em; padding: 4px 6px;"></td>
        <td style="height: 1.3em; padding: 4px 6px;"></td>
    </tr>
</table>

我觉得这是一个老的HTML问题，我缺少一些简单的答案

---

我曾看到有人提出的问题是重复的，但由于答案是5年前的，我认为一定有更现代的方法来解决这个问题。如果没有，我想能见度技巧就是一条出路。

是否有您想要的特定最小高度？如果是这样，您可以这样做：

table tr td:first-child::after {
   content: "";
   display: inline-block;
   vertical-align: top;
   min-height: 60px;
}

omelniz的源代码最初发布在这里：

试试这个

对于和：

仅适用于：

说明：

“\00a0”是单个空格的代码

---

可见性：隐藏以隐藏单个空格

您的代码在哪里？可能重复@AVI正如我在问题中提到的，空单元格似乎无法解决我的问题。问题是7年前提出的，答案是5年前最后一次编辑的，我想可能有一个更为最新的解决方案；如果你不显示你的代码，我们就无法解决你的代码问题。

th:empty::before,td:empty::before{content:'\00a0';visibility:hidden}

td:empty::before{content:'\00a0';visibility:hidden}