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

Question

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

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

demonstration

问题:我可以强行突破头球吗？在我的 fiddle 中，我希望 headermenu 仅使用 css 将其从第一列转移到第二列？(不触及标记)

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

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

Answer 1

你可以使用

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

和供应商前缀的变体。