Tekkaman

导航

 

2017年9月11日

摘要: 【justify-content & align-items & align-content】 三个属性均作用于container。 justify-content用于控制main-axis。 align-items用于控制元素在单选中cross-axis中的位置。 align-content用于控 阅读全文
posted @ 2017-09-11 15:43 Tekkaman 阅读(353) 评论(0) 推荐(0) 编辑
 
摘要: 【Flex Basis与Width的区别】 Flex Items的应用准则 Flex Items的应用准则 content –> width –> flex-basis (limted by max|min-width)也就是说, 如果没有设置flex-basis属性,那么flex-basis的大小 阅读全文
posted @ 2017-09-11 13:43 Tekkaman 阅读(509) 评论(0) 推荐(0) 编辑
 
摘要: 【flex-direction】 The flex-direction CSS property specifies how flex items are placed in the flex container defining the main axis and the direction 参考 阅读全文
posted @ 2017-09-11 13:11 Tekkaman 阅读(284) 评论(0) 推荐(0) 编辑
 
摘要: 【flex-grow】 指定宽度所占比,如一个flex中有三个item,这三个item的flex-grow均为1,则每个item占比为33.33%,如果一个是1,两个为2,则占比为20%,40%,40%。 参考:https://developer.mozilla.org/en-US/docs/Web 阅读全文
posted @ 2017-09-11 12:55 Tekkaman 阅读(206) 评论(0) 推荐(0) 编辑