關於彈性盒子

container
flex-box

	display: flex/inline-flex;
	
	flex-direction: [row] | row-reverse | column | column-reverse;
	flex-wrap: [nowrap] | wrap | wrap-reverse;
	flex-flow: flex-direction flex-wrap
	justify-content: [flex-start] | flex-end | center | space-between | space-around;
	align-items: [flex-start] | flex-end | center | baseline | stretch;
	align-content: [flex-start] | flex-end | center | space-between | space-around | stretch;

item
	order: 			<integer>; 排序
	flex-grow: 		<number>; 佔比
	flex-shrink:	<number>; 縮小比例
	flex-basis:		<length> | auto;
	flex:			none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];// 默認 0 1 auto;	//	該屬性有兩個快捷值:auto (1 1 auto) 和 none (0 0 auto)
	align-self:		auto | flex-start | flex-end | center | baseline | stretch;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章