小编Ayo*_*uan的帖子

使元素占据两列

我尝试使用 css 和如下标记的列布局来实现砌体风格。

我想知道是否有可能使.green一列采用两列而不是一列?

先感谢您!

.parent{
    column-gap: 1rem;
    column-count: 2;
}
.element{
  display:inline-block;
  background:red;
  width:100%;
  height:100px;
}

.green{
  background:green;
}
Run Code Online (Sandbox Code Playgroud)
<div class="parent">

  <div class="element green">
  </div>
  
  <div class="element">
  </div>
  
  <div class="element">
  </div>
  
  <div class="element">
  </div>
  
</div>
Run Code Online (Sandbox Code Playgroud)

html css flexbox css-grid

13
推荐指数
3
解决办法
9537
查看次数

标签 统计

css ×1

css-grid ×1

flexbox ×1

html ×1