在firefox

Question

我有一个内容可编辑<div>，这是一种富文本框编辑器。我会在输入时插入<br>标签。当我点击输入或返回两次时，我将插入两个<br>标签。同样为三或四进入。我的问题是我在弹性框内有多少个破坏标记。它只尊重firefox中的一个换行符。

div{
  display:flex;
}

<div>Try reproducing this <br><br><br>in firefox<br><br></div>

我尝试通过添加一行css br + br{margin-top:10px}来解决此问题。但是当插入多个换行符时，这会失败。您可以看到第一个换行符和第二个换行符不会有相等的行间距。

div{
  display:flex;
}
br + br{
  margin-top:10px
}

<div>You can see the first line<br><br>and second line will not have equal space<br><br>, even thought they have same amount of line-break</div>

此问题仅出现在Firefox中。我的条件是我不想在flex Div中添加额外的DOM包装器。并且不希望删除flex属性