flex布局demon

好的，以下是一个简单的flex布局demo：

HTML代码：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
}

.item {
  width: 100px;
  height: 100px;
  background-color: #ccc;
}

这个demo中，我们使用了flex布局来排列三个等宽等高的方块，其中`.container`是容器，`.item`是子元素。通过设置`.container`的`display`属性为`flex`，我们将其变成了一个flex容器。然后，通过设置`.container`的`justify-content`属性为`space-between`，我们让子元素在容器内均匀分布，并且两端贴边。