美文网首页
Flexbox布局

Flexbox布局

作者: stevewinds | 来源:发表于2017-03-30 16:29 被阅读0次

    样式详细记录

    flexDirection (设置横向/竖向填充元素)

    默认column (竖向)。

    row(横向)。

    justifyContent  设置内容填充方式

    space-between,所有元素之间间隙统一,且均匀分布。

    center ,所有元素居中,无间隙。

    flex-start ,居左,无间隙。

    flex-end,居右,无间隙。

    stretch  ,可延伸模式(动态)。

    alignItems 元素align ,可以与justifyContent结合使用,一个布局横向,一个布局竖向,元素属性与justifyContent一样

    相关文章

      网友评论

          本文标题:Flexbox布局

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