收藏
回答

【已解决】多列布局「column-span: all」不生效?

.category {
  column-count: 2;
}

.categoryName {
  column-span: all;
  -moz-column-span: all;
  -webkit-column-span: all;
}


这是为何?


-----------------------

已解决

应该是<text>不是block-level元素的缘故吧。

https://developer.mozilla.org/zh-CN/docs/Web/CSS/column-span

最后一次编辑于  2022-04-29
回答关注问题邀请回答
收藏

1 个回答

  • 武曲心
    武曲心
    2022-04-29

    下面的被划掉了,说明浏览器用下面的样式替换了,把-moz去掉吧,用webkit的

    2022-04-29
    有用
    回复 3
    • 从君华
      从君华
      2022-04-29
      还是一样哦,一开始只写了column-span: all;不生效,百度看有建议加前缀,然后-moz、-webkit依次都试过,还是不行,不知道为什么。虽说这个需求不是非要用双列布局,但是没有成功实现心里难受啊orz..
      2022-04-29
      回复
    • 武曲心
      武曲心
      2022-04-29回复从君华
      有可能不支持,换成块元素吧
      2022-04-29
      回复
    • 从君华
      从君华
      2022-04-29回复武曲心
      <text>换成<view>可以了!大佬牛逼
      2022-04-29
      回复
登录 后发表内容