小编Lzh*_*nin的帖子

具有多个子项的弹性盒列

我有一个问题我是否可以做这样的事情:

截屏

使用弹性盒并且包装器内只有三个div(我想制作两列会更容易,一列包装第一个大div,另一列包装其他两个块,但我想尝试按照我的方式来做)之前已经提到过)

小提琴

#row {
  margin: 0 auto;
  width: 610px;
}
#wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#x-1,
#x-2,
#x-3 {
  margin: 5px;
  background-color: red;
}
#x-1 {
  height: 250px;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 300px;
  -ms-flex: 1 1 300px;
  flex: 1 1 …
Run Code Online (Sandbox Code Playgroud)

html css flexbox

4
推荐指数
1
解决办法
6709
查看次数

标签 统计

css ×1

flexbox ×1

html ×1