align-items:center显示效果如下:
⑤:在伸缩盒子中,默认所有的子元素超出父容器宽度后都不换行显示,如果希望让超出父元素后换行显示,可以通过flex-wrap属性实现
flex-wrap:nowrap 默认效果如下:
flex-wrap:wrap 显示效果如下:
⑥:在伸缩和中元素换行后设置多行对齐方式,通过align-content属性实现
align-content:stretch默认值显示效果:
align-items:center显示效果如下:
⑤:在伸缩盒子中,默认所有的子元素超出父容器宽度后都不换行显示,如果希望让超出父元素后换行显示,可以通过flex-wrap属性实现
flex-wrap:nowrap 默认效果如下:
flex-wrap:wrap 显示效果如下:
⑥:在伸缩和中元素换行后设置多行对齐方式,通过align-content属性实现
align-content:stretch默认值显示效果:
Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.