匹配表中空div的高度是否为contentEditable

Question

我有一个表数据编辑的东西。

1. 有些单元格是可编辑的，有些是不可编辑的
2. 尽管可编辑或不是
，但某些单元格可能为空
3. 我使用contenteditable div而不是输入，因为它们具有简单的自动宽度扩展质量

问题在于：

＆＃13;
＆＃13;
div {
 border:1px solid black;
 margin:4px;
 padding:4px;
 min-width:40px;
}
＆＃13;
<table>
  <tr>
    <td><div contentEditable=true>Editable</div></td>
    <td><div>Not editable</div></td>
    <td><div contentEditable=true></div></td>
    <td><div></div></td>
  </tr>
</table>
＆＃13;
＆＃13;
＆＃13;

如您所见，除了只读的空格之外，所有div都是相同的高度。所有其他的都从正在使用的字体中获得它们的高度，我对最后一个字体也是如此。

我知道我可以为所有div定义一个高度，但我希望将CSS的数量保持在最低水平，以便更容易地实现到其他项目中。

有没有办法让div从字体大小中获取高度，尽管它是空的？