美文网首页
四 Layout with Flexbox

四 Layout with Flexbox

作者: falcon_li | 来源:发表于2018-01-03 16:30 被阅读0次

flexDirection , alignItems,  justifyContent

flexDirection(方向):

默认为 column ,可选 row(水平);

flex 只能为数字;

justify content(约束子控件位置)

flex-start  flex-end center 

space-around space-between(均匀分布)

alignItems(次轴方向)

flex-start flex-end center strentch(拉长)

使用 strentch 时,子控件移除 weight ,否则不生效;

更多 Layout 属性

相关文章

网友评论

      本文标题:四 Layout with Flexbox

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