gpt4 book ai didi

CSS3 Columns - 强制非中断/拆分元素?

转载 作者:数据小太阳 更新时间:2023-10-29 09:10:00 25 4
gpt4 key购买 nike

我正在使用一些 CSS3 列 ( column-count: 2;column-gap: 20px; ) 将一些内容分成两列。在我的内容中,我有一个 <p> , 其次是 <blockquote> , 其次是另一个 <p> .

我的问题:有没有办法阻止我的 <blockquote> (或任何其他指定元素)拆分成两列?

例如,目前我的<blockquote>部分在第 1 列,部分在第 2 列。

Blockquote split onto multiple columns

理想情况下,我想让它成为 <blockquote>在第 1 列或第 2 列中保持在一起。

Blockquote maintained in column

知道这是否可以实现吗?

谢谢!

最佳答案

display:inline-block; 添加到您要防止拆分的元素。

关于CSS3 Columns - 强制非中断/拆分元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8506783/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com