元素不能正确中断firefox

Question

我有这个css代码：

.parent {
  column-count: 2;
}
p, h2, h3, h4, h5, h6 {
  page-break-inside:avoid;
  break-inside:avoid;
}

和html：

<div class="parent">
 <p>lorem ipsum and so on</p>
</div>

Chrome v80 (一切都很好)：

​

​

火狐v74：

​

​

These tricks不起作用。在Striped codepen上，它说它应该可以工作，但它就是不能工作。我做错了什么？

Answer 1

至少将margin:0;添加到p

p{margin:0}