如何使contenteditable ='false'div具有与contenteditable ='true'相同的高度？

Question

我有一个被用作"输入"的div,contenteditable它在启用时效果很好.但是有一种情况我需要通过设置禁用"输入" contenteditable='false',这会使div失去它的高度(正如你在这个JSFiddle中看到的那样).

<div contenteditable="true" class="visible-borders"></div>
<div contenteditable="false" class="visible-borders"></div>

你们有解决方法吗？我想要一些不涉及的东西min-height.不,我不能改变代码使用其他东西contenteditable.我正在使用别人的代码.

Answer 1

您可以使用伪元素

CSS

.visible-borders {
    border: solid 1px black;
    display:block;

}
.visible-borders:after {
    content:"\00a0";
}