css - 元素无法正确破坏 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：

这些技巧都行不通。在firefox doc中，它说它应该可以工作。但事实并非如此。我究竟做错了什么？条纹密码笔

标签： cssfirefoxpage-break-inside

Answer 1

margin:0;至少添加到 p

p{margin:0}