溫習 flex 佈局

父級元素加display: flex;  flex-flow:row nowrap;justify-content:space-between;

子類元素 就可以直接左右兩邊對齊。

 

元素左右對齊 justify-content:center;   當前對齊元素必須聲明 display:flex

元素上下對齊 align-items:center;    當前對齊元素必須聲明 display:flex

 

兩邊元素等分

父級添加 display:flex

子級 各自添加  flex:1  起到了等分的效果  如果需要2比1等分話  同上原則, 就是 flex:2  flex:1 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章