您的位置:首页 - 文章 - HTML/CSS - 正文

Flex布局

display: flex;
flex-direction: column; //row	默认值。灵活的项目将水平显示 //row-reverse	与 row 相同,但是以相反的顺序 //column	灵活的项目将垂直显示 //column-reverse	与 column 相同,但是以相反的顺序 //initial	设置该属性为它的默认值 //inherit	从父元素继承该属性
align-items: center; //stretch
默认值。元素被拉伸以适应容器 //center
元素位于容器的中心 //flex-start
元素位于容器的开头 //flex-end
元素位于容器的结尾 //baseline
元素位于容器的基线上 //initial	设置该属性为它的默认值 //inherit	从父元素继承该属性
本文原创,作者:西决,其版权均为品创网络所有。如需转载,请注明出处:https://www.sxpcwlkj.com/flex/

发表评论