您的位置:首页 - 文章 - 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/

发表评论