CSS实现Android LinearLayout的效果

 

.parrent {
  display: flex;          //元素设置成flex布局
  flex-direction: column; //控制parrent的子元素排列方向
  height: 100vh;　　　　　　//最外层设置为屏幕的高度100%
}
.son {
  display:flex;
  flex-direction: column;  //设置son的子元素为纵向排列
  justify-content: center; //设置son的子元素水平居中  
  align-items: center;     //设置son的子元素竖直居中
}