那些遇到过的问题

小编Rel*_*808的帖子

如何将两个弹性盒容器彼此相邻设置

我试图将一个弹性盒容器放置在彼此旁边，以便它们并排放置，如下所示：

期望的输出

这是我到目前为止所拥有的：

.container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  border: 3px dashed black;
  width: 750px;
  height: 750px;
}

.container1 {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  border: 3px dashed black;
  width: 1500px;
  height: 50px;
}

.container2 {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  border: 3px dashed black;
  width: 750px;
  height: 750px;
}
Run Code Online (Sandbox Code Playgroud) 
<div class="container1"></div>
<div class="container"></div>
<div class="container2"></div>
Run Code Online (Sandbox Code Playgroud)

css flexbox

Rel*_*808
2019 04-29
2
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

flexbox ×1