CSS3列 – 强制非打破/分裂元素?

前端之家收集整理的这篇文章主要介绍了CSS3列 – 强制非打破/分裂元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用一些CSS3列(列计数:2;列间隙:20px;)将一些内容分为两列。在我的内容中,我有一个< p>,后跟一个< blockquote&gt ;,其次是另一个< p&gt ;. 我的问题:有一种方法阻止我的< blockquote> (或任何其他指定的元素)拆分成两列?

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

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

任何想法如果这可以实现?

谢谢!

解决方法

添加display:inline-block;到您要防止拆分的项目。
原文链接:https://www.f2er.com/css/222798.html

猜你在找的CSS相关文章