Flexbox布局

2017-03-30  本文已影响0人  stevewinds

样式详细记录

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

默认column (竖向)。

row(横向)。

justifyContent  设置内容填充方式

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

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

flex-start ,居左,无间隙。

flex-end,居右,无间隙。

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

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

上一篇下一篇

猜你喜欢

热点阅读