[分享]css3怎样将div分成3行

CSS3中，我们可以使用flexbox布局来将一个div分成3行。

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.row {
  flex: 1;
} 

首先，我们需要将包含3行的div设置为弹性容器，即将它的display属性设置为flex。然后，我们将容器的flex-direction属性设为column，表示子元素会沿着纵向排列。

接着，我们在每一行的div上添加.row类，将它们的flex属性设为1，表示它们会平分父元素的高度。

最后，我们可以在每一行的div中添加相应的内容，比如文字、图片或其他元素。