Flex布局学习

30 分钟学会 Flex 布局

by Frank Liu

HTML

<div class="container">
<div class="item">
  item1
</div>
<div class="item">
  item2
</div>
<div class="item">
  item4
</div>
</div>

CSS

.container {
  display: flex;
  width:'500px';
  flex-direction: row;
  margin: '10px';
}

.item {
  width:'30%';
  border: '1px solid red';
}