美文网首页
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