html - 显示带有 contentEditable 折叠的表格

Question

出于某种原因，我需要display:table在h1. 但是，当使用contenteditablewith时，如果从中删除所有文本table，该元素将折叠（消失）。您必须保留一个字符，否则它会消失并且您无法再次输入文本。

.element {
  display: table;
}

<h1 class="element" contenteditable="true">Content</h1>

是否可以使用table显示但在删除所有文本后避免元素折叠？（桌面和移动）

我试图设置一个min-width没有帮助的。

标签： htmlcss

Answer 1

首先，您要实现的目标不应该使用 HTML 表格元素来完成，因此您将无法使用display: table. 如果你宁愿把

.element {
  display: table-cell;
  min-widht: 1px;
}

你理论上可以实现你想要的，但如果它符合你的需要。