CSS

布局

Flex布局

⭐ 父级设置:

  • display: flex;将对象作为弹性伸缩盒显示
  • flex-flow: column;方向设置为垂直方向(flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性,直接使用flex-direction亦可)
  • 父级需设置高度

⭐ 子级设置:

  • flex: 1;按占比分配非设置固定值的空间

Flex布局 把单独的一个按钮放在一行的最后位置

 display:flex;
 margin-left: auto;
posted @ 2020-11-05 14:49  张新钢  阅读(61)  评论(0)    收藏  举报