div怎么改成上下布局

img

img


这一个div是左右布局,怎么改成上下布局
12345678910

a-row 就是一行
a-col 就是列 ( span 表明占几份,总共是24份 ) , 你现在是 span 是12,表明了占据 了一行的一半,两个刚好是 1整行;

// 上
<a-row>
  <a-col></a-col>
</a-row>
// 下
<a-row>
  <a-col></a-col>
</a-row>

a-col :span="12" 改成 a-col :span="24"试试

如果是两个div
他会自动上下布局的
你只需要调整一下宽高就对齐了