css3彈性盒模型

彈性盒模型:

注意在試用的時候都伪,父元素必須要加 : display:-webkit-box 或 display:-webkit-inline-box;

展示效果如圖:



Box-orient:定義盒模型的布局方向欺旧。

Horizontal:水平方向

vertical:垂直方向。


-webkit-box-orient:vertical; 則垂直顯示懈万。


反序展示代碼


box-direction 元素排列順序:

normal:正序 ? Reverse :反序默認(rèn)是正序展示,反序展示的效果如圖:


反序展示效果圖


box-ordinal-group 設(shè)置元素的具體位置。


設(shè)置元素的具體位置

展示效果如圖:


box-flex 定義盒子的彈性空間

子元素的尺寸 = 盒子的尺寸*子元素的box-flex屬性值/所有子元素的box-flex屬性值的和会通。

box-pack 對盒子富裕的空間進(jìn)行管理口予。

star :所有子元素在盒子左側(cè)顯示,富蕴槌蓿空間在右側(cè)

end :所有子元素在盒子右側(cè)顯示沪停,富裕空間在左側(cè)裳涛。

center:所有子元素居中木张。

justify:富裕空間在元素之間平均分配端三。


平均分配的效果代碼:

效果:


在垂直方向上對元素進(jìn)行管理:

box-align:

star:所有子元素在居頂

end:所有子元素居底

center:所有子元素居中窟哺。



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市技肩,隨后出現(xiàn)的幾起案子且轨,更是在濱河造成了極大的恐慌,老刑警劉巖虚婿,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件旋奢,死亡現(xiàn)場離奇詭異,居然都是意外死亡然痊,警方通過查閱死者的電腦和手機(jī)至朗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來剧浸,“玉大人锹引,你說我怎么就攤上這事∷粝悖” “怎么了嫌变?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長躬它。 經(jīng)常有香客問我腾啥,道長,這世上最難降的妖魔是什么冯吓? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任倘待,我火速辦了婚禮,結(jié)果婚禮上组贺,老公的妹妹穿的比我還像新娘凸舵。我一直安慰自己,他們只是感情好失尖,可當(dāng)我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布啊奄。 她就那樣靜靜地躺著贿条,像睡著了一般。 火紅的嫁衣襯著肌膚如雪增热。 梳的紋絲不亂的頭發(fā)上整以,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天,我揣著相機(jī)與錄音峻仇,去河邊找鬼公黑。 笑死,一個胖子當(dāng)著我的面吹牛摄咆,可吹牛的內(nèi)容都是我干的凡蚜。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼吭从,長吁一口氣:“原來是場噩夢啊……” “哼朝蜘!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起涩金,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤谱醇,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后步做,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體副渴,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年全度,在試婚紗的時候發(fā)現(xiàn)自己被綠了煮剧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡将鸵,死狀恐怖勉盅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情顶掉,我是刑警寧澤草娜,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站一喘,受9級特大地震影響驱还,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜凸克,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望闷沥。 院中可真熱鬧萎战,春花似錦、人聲如沸舆逃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至虫啥,卻和暖如春蔚约,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背涂籽。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工苹祟, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人评雌。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓树枫,卻偏偏與公主長得像,于是被迫代替她去往敵國和親景东。 傳聞我的和親對象是個殘疾皇子砂轻,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容