html - 如何从标题中断开列？

Question

我正在使用column-countcss，但是当单列分为三列时，它的标题在第一列，其余在另一列

#xmap{
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

示范

问题：我可以强制中断航向吗？在我的小提琴中，我希望headermenu 仅使用 css 将其从第一列转移到第二列？（不触及标记）

我有另一个选择使用nth-child() 演示

但这会在 的上方产生空间footer-menu。我怎样才能截断那个空间？

Answer 1

您可以使用

#xmap h2 {
  column-break-after: avoid;
}

和供应商前缀的变体。