通过这两天对前端基础的学习用两个盒子来说,如果想要对<div>的内容进行flex处理,需要在css文件中添加:
常见的flex属性有:
flex-direction:column-reverse; 列,反序排列(将盒子从下往上排序)
flex-direction:column;列(将盒子从上往下排序)
flex-direction:row;行(将盒子从左往右排序)
flex-direction:row-reverse;行,反行排序(将盒子从右往左排序)
换行:
flex-wrap:wrap;(自动换行)
flex-wrap:nowrap(默认不换行)
还有常见的将盒子水平居中以及上下居中。
水平居中:
display: flex;(必要)
justify-content: center;
上下居中:
display: flex;(必要)
align-items: center;