✍ 📁 🙈 🙉 🙊
HTML
window Resize
html 測試 左入右出
!>
html 測試 上入下出
!>
html 測試 單入單出
!>
html 測試 左單右單
!>
CSS flex-direction
CCS flex-direction 屬性介紹
属性指定了内部元素是如何在 flex 容器中布局的, 定义了主轴的方向(正方向或反方向)。
row
默認值。水平顯示,正如一個行一樣
row-reverse
與 row 相同,但是以相反的順序
column
垂直顯示,正如一個列一樣
column-reverse
與 column 相同,但是以相反的順序
initial
設置該屬性為它的默認值
inherit
從父元素繼承該屬性
flex-flow 屬性是 flex-direction 和 flex-wrap 屬性的復合屬性。 flex-direction 屬性規定靈活項目的方向。 flex-wrap 屬性規定靈活項目是否拆行或拆列。 flex-grow:伸展比 flex-shrink:收縮比 flex-basis:絕對值
00
flex-direction :
row
row-reverse
column
column-reverse
flex-wrap :
wrap
nowrap
wrap-reverse
justify-content :
center
start
end
left
right
flex-start
flex-end
space-between
space-around
space-evenly
1
2
3
4
5
6
7
8
9
00
Edit
#html
#style
#script
#javascript
#CSS
#CSS flex-direction
#flex-direction
#justifyContent
#row-reverse
#flex-flow
#column
#column-reverse
#flex-direction
#flex-wrap
#space-between
#flex-grow
#flex-shrink
#flex-basis
#排列對齊
#flex-start
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
訂閱:
張貼留言 (Atom)