是否可以对分组段落使用 CSS 列计数?
我有
<h1>Heading</h1>
<p>some paragraph of text 1</p>
<p>next paragraph of text 2</p>
<p>next paragraph of text 3</p>
使用 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
这可能吗?
https://codepen.io/kelv/pen/zVmePY - 这就是我所拥有的。
最佳答案
首先:不要忘记用 </p>
结束段落.
如果我对您的理解正确,您不需要每个单独的段落都有两列,但您想将段落放在两列中。你需要把 column-count
在周围的元素上:
<div class="paragraphs">
<p>...</p>
<p>...</p>
<p>...</p>
</div>
.paragraphs {
column-count:2
}
关于CSS 多列 - 段落分组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56931456/