小编emi*_*shi的帖子

当列数少于列数时,Chrome列会出错

我在使用该column-count属性时遇到Chrome问题.我有一个div在里面我会有一些项目所以我设置column-count: 3; 当我有3个项目或更多它运作良好,但当我只有两个时,它们不会显示在同一行但在同一列中.这仅在Chrome上发生.

代码示例:

.userinfo-content .grid-view.author-profile-tabs {
  .column-count(3);
  .column-gap(30);
  .article {
    position:relative;
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
    line-height: 1.3;
  }
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

css google-chrome css3 column-count css-multicolumn-layout

2
推荐指数
1
解决办法
5087
查看次数