如何避免在新列（CSS列）顶部出现空行？
我的问题是CSS列属性。我记得有一种方法可以防止空白（如何避免在新列（CSS列）顶部出现空行？,css,layout,responsive-design,css-multicolumn-layout,Css,Layout,Responsive Design,Css Multicolumn Layout,我的问题是CSS列属性。我记得有一种方法可以防止空白（）行作为右列的第一行结束，但我似乎无法理解 创建列效果的CSS： @media (min-width: 1100px) { .inner_p, .introtext p { column-count: 2; break-after: auto; column-gap: 3em; } } HTML： <p>With an article, and a couple &
@media (min-width: 1100px) {
.inner_p, .introtext p {
column-count: 2;
break-after: auto;
column-gap: 3em;
}
}
<p>With an article, and a couple <br><br>s inside. These <br>s are IMO what sometimes shows up as first element in the right column, causing the following appearance:</p>
有一篇文章，里面有一对
的。这些
s有时显示为右列中的第一个元素，导致以下外观：
xxxxxxx xxxxxx
xxxxxxx xxxxxx
xxxxxxx xxxxxx 这看起来有点乱 我想要实现的是： xxxxxxx xxxxxx
xxxxxxx xxxxxx
xxxxxxx xxxxxx
xxxxxxx 我已经接受了Ian M的答案，因为这肯定让我走上了正确的道路，但是，还有一个小问题： 当第一个子p在左列底部右端结束时，一切正常。但是当它延伸到右列时，它继续（正确地）在列的顶部，但是（这是一个小故障），因为它的边距底部为0（以防止第一个p在左列底部右端结束时第一行空白），现在，它与下面的第二个p没有余量 从视觉上讲： 第一个p:aaa 第二个p:bbb aaaaa bbbbb
aaaaa bbbbb
AAAA…
√ 但是 AAAAAAAAAAA
aaaaa bbbbb
aaaaa bbbbb
a和b之间没有余量
一个难题。我认为更好的方法是重构代码，使每个段落都是自己的
body{宽度：90vw；边距：2vw；}
.家长{
列数：2；
断开后：自动；
柱间距：3em；
/*用于测试*/
填充：15px；
边框：1px纯红；
}
.parent>p{
/*用于测试*/
边框：1px纯蓝色；
}
.parent>p：第一个孩子{
边际上限：0；
}
看看克林顿夫人的演讲场地，以及她离开该州以来收到的巨额资金，我们就可以看出，谁渴望在低谷找到一个位置，而另一届克林顿政府可能会青睐谁
首先是华尔街和金融服务业。民主党“小家伙”的拥护者们总是在街上睡觉——他们不会无缘无故地称巴拉克·奥巴马为“高盛总统”，但克林顿夫人有空间容纳鲍勃、卡罗尔、特德、爱丽丝和他们的10个最好的朋友。多次访问高盛。摩根士丹利。德意志银行。科尔伯格·克拉维斯·罗伯茨。瑞银财富管理
正如切·格瓦拉（Che Guevara）在《埃维塔》（Evita）中所唱的那样：“钱源源不断地滚滚而来。”而所有这些都以22.5万美元的低价出售。说什么？我们不知道，因为希拉里不会公布成绩单
body{宽度：90vw；边距：2vw；}
.家长{
列数：2；
断开后：自动；
柱间距：3em；
/*用于测试*/
填充：15px；
边框：1px纯红；
}
.parent>p{
/*用于测试*/
边框：1px纯蓝色；
}
.parent>p：第一个孩子{
边际上限：0；
}
看看克林顿夫人的演讲场地，以及她离开该州以来收到的巨额资金，我们就可以看出，谁渴望在低谷找到一个位置，而另一届克林顿政府可能会青睐谁
首先是华尔街和金融服务业。民主党“小家伙”的拥护者们总是在街上睡觉——他们不会无缘无故地称巴拉克·奥巴马为“高盛总统”，但克林顿夫人有空间容纳鲍勃、卡罗尔、特德、爱丽丝和他们的10个最好的朋友。多次访问高盛。摩根士丹利。德意志银行。科尔伯格·克拉维斯·罗伯茨。瑞银财富管理
正如切·格瓦拉（Che Guevara）在《埃维塔》（Evita）中所唱的那样：“钱源源不断地滚滚而来。”而所有这些都以22.5万美元的低价出售。说什么？我们不知道，因为希拉里不会公布成绩单