彈性容器屬性
屬性屬性說明
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 ...