用空div填写td contenteditable

Question

我在td中有许多空的（没有内容）可信的div`s。我需要div的宽度：100％和高度：td的100％。

HTML：

<td>
    <div contenteditable="true"></div>
</td>

CSS：

td {min-width: 100px; min-height: 120px; width: 100%; height: 100%}
td div{height: 100%; width: 100%; display:inline-block;}

如果div中包含内容，则此方法有效，但如果它为空，则无法看到它且无法更改其内容（div有width:0; height:0）。

Answer 1

通常的技巧是将 （这是一个所谓的转义序列）放入表格单元格中。

CSS行table { empty-cells: show; }也是一种解决方案。

有关详情，请点击此处：https://www.cs.tut.fi/~jkorpela/HTML/emptycells.html

Answer 2

您可以使用overflow:hidden上的div来填充td。