美文网首页
Flex布局属性

Flex布局属性

作者: 进击的大东 | 来源:发表于2020-01-05 00:13 被阅读0次
flex布局常见父属性
  • flex-direction:设置主轴方向
  • justify-conter:设置主轴上的子元素排列方式
  • flex-wrap:设置子元素是否换行
  • align-content:设置侧轴上的子元素的排列方式(多行)
  • aligin-items:设置侧轴上的子元素的排列方式(单行)
  • flex-flow:复合属性,相当于同时设置了flex-direction和flex-wrap
  • 如果设置主轴为Y轴,那么X变为侧轴
flex常见子属性
  • flex子项目占的份数
  • align-self:控制子项自己在侧轴的排列方式
  • order属性定义子项的排列顺序(前后顺序)

相关文章

  • 小程序页面布局样式元素总结

    1:Flex布局 Flex布局如图1所示 1.1 Flex容器属性 1.2 Flex容器内元素属性 align如果...

  • flex

    Flex 布局教程:语法篇一、Flex 布局是什么?二、基本概念三、容器的属性6四、项目的属性6 Flex 布局教...

  • flex 布局 教程笔记

    flex 布局 容器属性flex-flow [flex-direction][flex-...

  • 2018-12-25,flex布局

    flex布局的属性: flex-container的属性有flex-direction, flex-wrap, j...

  • css笔记-6/flex之前的布局

    flex布局 flex之前的布局 flex之后 基本概念 flex container的六个属性 flex ite...

  • 小程序CSS知识点

    一、flex布局Flex 布局教程:语法篇Flex 布局教程:实例篇 二、CSS position 属性总结CSS...

  • 2019-05-14 css mobx

    flex布局 只在flex布局中(display:flex)有效的属性(持续更新): justify-conten...

  • Flex 布局

    Flex布局 1 . 传统布局 display属性+position属性+float属性 --------垂直居中...

  • 微信小程序UI

    布局基础 flex布局基础 flex容器属性 flex-direction决定元素的排列方向flex-wrap决定...

  • flex布局与布局套路

    flex布局 flex container属性(父元素的属性) flex-direction:确定主轴方向row从...

网友评论

      本文标题:Flex布局属性

      本文链接:https://www.haomeiwen.com/subject/jnqqactx.html