前端之家收集整理的这篇文章主要介绍了
CSS3列 – 强制非打破/分裂元素?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用一些CSS3列(列计数:2;列间隙:20px;)将一些
内容分为两列。在我的
内容中,我有一个< p>,后跟一个< blockquote> ;,其次是另一个< p> ;. 我的问题:有一种
方法阻止我的< blockquote> (或任何其他指定的元素)拆分成两列?
例如,当前我的< blockquote>部分在列1中,部分在列2中。
理想情况下,我想让它< blockquote>在列1或2中保持在一起。
任何想法如果这可以实现?
谢谢!
添加display:inline-block;到您要防止拆分的项目。
原文链接:https://www.f2er.com/css/222798.html