關於彈性盒子的一些筆記

2022-07-08 02:36:15 字數 2105 閱讀 4903

彈性容器屬性

屬性屬性說明

flex-direction

設定主軸方向,確定彈性子元素排列方式

flex-wrap

當彈性子元素超出彈性容器範圍時是否換行

flex-flow

flex-direction和flex-wrap屬性的快捷方式,復合屬性

justify-content

主軸上的對齊方式

align-items

側軸(縱向)上的對齊方式

align-content

側軸(縱向)上有空白時側軸的對齊方式

彈性子元素屬性

屬性屬性說明

order

控制彈性容器裡子元素的順序

flex-wrap

設定彈性子元素的擴充套件比率

flex-shrink

設定彈性子元素的收縮比率

flex-basis

指定彈性子元素伸縮前的預設大小值,相當於width和height屬性。

flex

flex-grow,flex-shrink和flex-basis屬性的復合屬性

align-self

允許獨立的彈性子元素覆蓋彈性容器的預設對齊設定(align-items)

指定了彈性子元素在父容器中的位置

指定排列方式

屬性屬性說明

row橫向從左到右排列(左對齊),預設的排列方式。(1,2,3,4,5)

row-reverse

反轉橫向排列(右對齊,從後往前排,最後一項排在最前面。(5,4,3,2,1)

column

縱向排列

column-reverse

反轉縱向排列,從後往前排,最後一項排在最上面

內容對齊(justify-content)屬性應用在彈性容器上,把彈性項沿著彈性容器的主軸線(main axis)對齊

屬性屬性說明

flex-start

預設值。專案位於容器的開頭。

flex-end

專案位於容器的結尾

center

專案位於容器的中心。

space-between

專案位於各行之間留有空白的容器內。

space-around

專案位於各行之前、之間、之後都留有空白的容器內。

initial

設定該屬性為它的預設值

inherit

從父元素繼承該屬性

側軸(縱向)上的對齊方式

屬性屬性說明

flex-start

側軸開始對齊,主軸為橫軸,頂對齊

flex-end

側軸開始對齊,主軸為橫軸 底對齊

center

居中對齊

baseline

基線對齊

stretch(預設值)

從側軸開始到側軸結束鋪滿整個側軸(沒有設定固定高的情況下)

屬性用於指定彈性盒子的子元素換行方式

屬性屬性說明

nowrap

不換行(結合flex-direction,元素自動壓縮大小)

wrap

換行(沒有設定align-content的情況下,間隔很款)

center

居中對齊

側軸有空白且有多行時,設定彈性子元素側軸上的對齊方式

屬性屬性說明

flex-start

主軸開始對齊,主軸為橫軸,ltr環境下, 左對齊

flex-end

主軸結束對齊,主軸為橫軸,1tr環境下,右對齊

center

居中對齊

space-between

第乙個、最後乙個對齊彈性容器的邊緣,其餘均勻分布。

space-around

全部均勻分布

stretch

各行伸展以占用剩餘空間。如果剩餘空間是負數,該值等效於flex-

flex:none | [ flex-grow ] || [ flex-shrink ] || [ flex-basis ]

align-self:auto | flex-start | flex-end | center | baseline | stretch

關於JDBC的一些筆記

1 jdbc連線資料庫 首先要找到相應的資料庫驅動,指定連線的資料庫 載入驅動 class.forname 驅動名 獲得連線 connection con drivermanager.getconnection 資料庫連線 使用者名稱 密碼 2 執行sql語句 statement prepareds...

關於caffe的一些筆記

簡述每層的大小變化過程 data 64,3,227,227 conv1 64,96,55,55 pool1 64,96,27,27 norm1 64,96,27,27 conv2 64,256,27,27 pool2 64,256,13,13 norm2 64,256,13,13 conv3 64,...

關於AlarmManager的一些筆記

1 傳入的intent會被廣播傳輸 2 設定鬧鐘之後會在手機休眠狀態也維持,除非關機或重啟之後 3 onreceive 方法正在執行時,alarmmanager會獲得系統的cpu喚醒鎖,保證期間手機不休眠 4 setexactandallowwhileidle 5 setrepeating int ...