用空的div内容填充td

MEG*_*l23 0 html css html-table contenteditable

我在td中有许多空的(无内容)contenteditable div`s。我需要div的td的width:100%和height:100%。

HTML:

<td>
    <div contenteditable="true"></div>
</td>
Run Code Online (Sandbox Code Playgroud)

CSS:

td {min-width: 100px; min-height: 120px; width: 100%; height: 100%}
td div{height: 100%; width: 100%; display:inline-block;}
Run Code Online (Sandbox Code Playgroud)

如果div中包含内容,则此方法有效,但是如果它为空,则我看不到它,也无法更改其内容(div具有width:0; height:0)。

Pat*_*607 5

通常的技巧是将&nbsp;(这就是所谓的转义序列)放入表单元格中。

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

有关更多信息,请单击此处:https : //www.cs.tut.fi/~jkorpela/HTML/emptycells.html