标题

Question

是否可以将CSS列计数与分组的段落一起使用？

我有

文本1的某些段落

文字2的下一段

文字3的下一段

有了p {column-count:2}，我得到了：

 Heading
 some paragraph | of text 1
 next paragraph | of text 2
 next paragraph | of text 3

我需要这个：

 Heading
 some paragraph  | next paragraph
 of text 1       | of text 3
 next paragraph 
 of text 2

有可能吗？

Answer 1

首先，请不要忘记使用</p>关闭段落。

如果我对您的理解正确，则不需要每个单独的段落都有两列，但您希望将这些段落放在两列中。您需要将column-count放在周围的元素上：

<div class="paragraphs">
<p>...</p>
<p>...</p>
<p>...</p>
</div>

.paragraphs {
   column-count:2
}