亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

css布局——flex布局

2018-5-14    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里、

Flex 是 Flexible Box 的縮寫,意為"彈性布局",用來為盒狀模型提供最大的靈活性。
任何一個容器都可以指定為 Flex 布局。
.box{ display: flex;}
行內(nèi)元素也可以使用 Flex 布局。
.box{ display: inline-flex;}
Webkit 內(nèi)核的瀏覽器display: -webkit-flex;
設(shè)為 Flex 布局以后,子元素的float、clearvertical-align屬性將失效。

圖片


容器屬性:

flex-direction:(排列方向橫向還是縱向)
row
(默認(rèn)值):主軸為水平方向,起點在左端。
row-reverse
:主軸為水平方向,起點在右端。
column
:主軸為垂直方向,起點在上沿。
column-reverse
:主軸為垂直方向,起點在下沿。

圖片

flex-wrap:(如何換行)
nowrap
(默認(rèn)):不換行。

wrap
:換行,第一行在上方。

wrap-reverse
:換行,第一行在下方。


flex-flow:(
flex-directionflex-wrap簡稱,默認(rèn)值為row nowrap

justify-content:(橫向?qū)R方式)
flex-start(默認(rèn)值):左對齊
flex-end
:右對齊
center
: 居中
space-between
:兩端對齊,項目之間的間隔都相等
space-around:每個項目兩側(cè)的間隔相等。所以,項目之間的間隔比項目與邊框的間隔大一倍。

圖片

align-items:(縱向?qū)R方式)
flex-start:交叉軸的起點對齊。
flex-end
:交叉軸的終點對齊。
center
:交叉軸的中點對齊。
baseline
: 項目的第一行文字的基線對齊
stretch(默認(rèn)值):如果項目未設(shè)置高度或設(shè)為auto,將占滿整個容器的高度。

圖片

align-content:(多根軸線的對齊方式)
flex-start
:與交叉軸的起點對齊。
flex-end
:與交叉軸的終點對齊。
center
:與交叉軸的中點對齊。
space-between
:與交叉軸兩端對齊,軸線之間的間隔平均分布。
space-around
:每根軸線兩側(cè)的間隔都相等。所以,軸線之間的間隔比軸線與邊框的間隔大一倍
stretch(默認(rèn)值):軸線占滿整個交叉軸。

圖片

 
box屬性:


order:(排列順序)
數(shù)值越小,排列越靠前,默認(rèn)為0。

flex-grow:(剩余空間分配,box放大比例,默認(rèn)為0,即如果存在剩余空間,也不放大)

圖片

flex-shrink:(box縮小比例,默認(rèn)為1,即如果空間不足,該項目將縮小)

圖片

flex-basis:(box占據(jù)的寬度或高度)

圖片

align-self:(單個box的對齊方式,與其他box對齊方式)

圖片
藍(lán)藍(lán)設(shè)計www.chinatradebeam.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.chinatradebeam.com

存檔

少妇高潮惨叫久久久久久| 制服丝袜中文字幕在线| 国产妇女馒头高清泬20P多| 中文字幕爆乳julia女教师 | 东北女人毛多又黑a片| 人人妻人人澡人人爽精品欧美| 两腿间花蒂被吸得肿了视频| 亚洲 都市 校园 激情 另类| 女人脱精光让人桶爽了| 中文字幕精品久久久久人妻 | 做床爱30分钟免费观看| 高h猛烈失禁潮喷a片在线观看| 欧美性xxxxx极品少妇| 调教女m屁股撅虐调教| 国产精品成人国产乱| 色偷偷88888欧美精品久久久| 久久亚洲av永久无码精品| 久久午夜羞羞影院免费观看| 人人妻人人玩人人澡人人爽| 欧美精品亚洲精品日韩专区 | 亚洲国产一区二区| 一区二区三区内射美女毛片| 大内密探零零性| 国产美女被遭强高潮免费网站| 国产精品久久久一区二区三区| 寂寞人妻瑜伽被教练日| 无码人妻精品一区二区三18禁| 清纯校花被c得欲仙欲死| 高潮videossex潮喷另类| 女人张开腿让男人添| 99re6在线视频精品免费| 亚洲熟妇色XXXXX欧美老妇| 亚洲精品无码一区二区| 狠狠cao日日穞夜夜穞| 欧美熟妇另类久久久久久多毛| 国产精品久久久久一区二区三区 | 亚洲熟妇AV日韩熟妇在线| 免费a级毛片在线播放| 亚洲天堂2017无码| 精品熟人妻一区二区三区四区不卡 | 飘花影院午夜片理论片|