• 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
      1.flex-direction
     
      用于指定flex主轴的方向,继而决定flex子项在flex容器中的位置
     
      row,默认值,表示水平方向从左到右排列,此时水平方向为主轴
     
      row-reverse,与row相反
     
      column,表示竖直方向从上到下排列,此时垂直方向为主轴方向
     
      column-reverse,与column相反
     
      2.flex-wrap
     
      用于指定flex子项是否换行
     
      nowrap,默认值,表示不换行,flex子项可能会溢出
     
      wrap,表示换行,溢出的flex子项会被换到下一行
     
      wrap-reverse,表示反方向换行
     
      3.flex-flow
     
      相当于flex-direction和flex-wrap的合并写法
     
      4.justify-content
     
      用于水平方向flex子项的对齐方式
     
      flex-start,默认值,表示与行的起始位置对齐
     
      flex-end,表示与行的末尾位置对齐
     
      center,表示与行中间对齐
     
      space-between,表示两端对齐,中间间距相等,注意特殊情况,当剩余空间为负数或者只有一个项时,效果和flex-start相同
     
      space-around,表示间距相等,中间间距是两端的两倍,注意特殊情况,当剩余空间为负数或只有一个项时,效果等同于center



     
     
      5.align-items
     
      用于垂直方向flex子项的对齐方式
     
      stretch,默认值,当flex子项未设置高度或者高度为auto时,stretch起作用将flex子项高度设置为行高度,在只有一行的情况下,行的高度为容器的高度
     
      flex-start,表示与侧轴开始位置对齐
     
      flex-end,表示与侧轴末尾位置对齐
     
      center,表示与侧轴中间对齐
     
      6.align-content
     
      该属性只作用于多行的情况下,用于多行的对齐方式
     
      stretch,默认值,当flex子项未设置高度或者高度为auto时,stretch起作用将flex子项高度设置为行高度,在只有一行的情况下,行的高度为容器的高度
     
      flex-start,表示与侧轴开始位置对齐,紧靠侧轴开始位置,之后的每一行都紧靠前面一行
     
      flex-end,表示与侧轴末尾位置对齐,紧靠侧轴结束位置,之后的每一行都紧靠前面一行
     
      center,表示各行与侧轴中间对齐
     
      space-between,表示两端对齐,中间间距相等,当剩余空间为负数或者只有一个项时,效果和flex-start相同
     
      space-around,表示间距相等,中间间距是两端的两倍,注意特殊情况,当剩余空间为负数或只有一个项时,效果等同于center
     
      ==该属性制作用于多行的情况下,在只有一行的容器上无效,该属性可以很好的处理航换之后相邻行之间的间距==

    如需转载,请注明文章出处和来源网址:http://www.cuhw.com.cn/jiqiao/j54118.shtml

  • 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14