碼上未來IT培訓(xùn)老師直接接聽

400-029-09** 400-029-0997 轉(zhuǎn) 36015
查看完整號(hào)碼
掃碼撥號(hào)
微信掃碼撥號(hào)

Flex 布局介紹：Flex 布局常見子項(xiàng)屬性

2024/11/24 0:08:04

flex 是 flexible Box 的縮寫，意為"彈性...

flex 是 flexible Box 的縮寫，意為"彈性布局"，用來為盒狀模型提供*大的靈活性，任何一個(gè)容器都可以指定為 flex 布局。當(dāng)我們?yōu)楦负凶釉O(shè)為 flex 布局以后，子元素的 float、clear 和 vertical-align 屬性將失效。伸縮布局 = 彈性布局 = 伸縮盒布局 = 彈性盒布局 =flex布局采用 Flex 布局的元素，稱為 Flex 容器(flex container)，簡(jiǎn)稱"容器"。它的所有子元素自動(dòng)成為容器成員，稱為 Flex 項(xiàng)目(flex item)，簡(jiǎn)稱"項(xiàng)目"。體驗(yàn)中 div 就是 flex父容器。體驗(yàn)中 span 就是 子容器 flex項(xiàng)目子容器可以橫向排列也可以縱向排列

總結(jié)flex布局原理：就是通過給父盒子添加flex屬性，來控制子盒子的位置和排列方式。flex布局子項(xiàng)常見屬性1.flex 屬性flex 屬性定義子項(xiàng)目分配剩余空間，用flex來表示占多少份數(shù)。.item { flex: <number>; /* default 0 */}2.align-self 控制子項(xiàng)自己在側(cè)軸上的排列方式align-self 屬性允許單個(gè)項(xiàng)目有與其他項(xiàng)目不一樣的對(duì)齊方式，可覆蓋 align-items 屬性。默認(rèn)值為 auto，表示繼承父元素的 align-items 屬性，如果沒有父元素，則等同于 stretch。span:nth-child(2) { /* 設(shè)置自己在側(cè)軸上的排列方式 */ align-self: flex-end; }3.order 屬性定義項(xiàng)目的排列順序數(shù)值越小，排列越靠前，默認(rèn)為0。注意：和 z-index 不一樣。.item { order: <number>;}碼上未來IT實(shí)訓(xùn)課程優(yōu)勢(shì)01課程內(nèi)容牛  ●Java、Web、Python、互聯(lián)網(wǎng)全棧開發(fā)、AIGC視覺設(shè)計(jì)&全媒體運(yùn)營(yíng)、短視頻運(yùn)     營(yíng)、視頻剪輯、平面設(shè)計(jì)、電商設(shè)計(jì)及運(yùn)營(yíng)等開發(fā)課程，每年迭代課程內(nèi)容●真實(shí)企業(yè)資源，學(xué)習(xí)更深入02專家技術(shù)牛  ●技術(shù)大咖根據(jù)課程體系分重點(diǎn)、分階段授課●5年以上企業(yè)一線開發(fā)經(jīng)驗(yàn)項(xiàng)目經(jīng)理、技術(shù)大牛實(shí)戰(zhàn)授課03實(shí)訓(xùn)案例牛 ●真實(shí)的企業(yè)一線產(chǎn)品需求案例●全部來自一線的項(xiàng)目經(jīng)理， 帶來真實(shí)需求一線項(xiàng)目04學(xué)習(xí)模式牛 ●6個(gè)月全日制實(shí)訓(xùn)學(xué)習(xí)，真實(shí)的項(xiàng)目經(jīng)驗(yàn)●講練結(jié)合，掌握更熟練，全程技術(shù)老師跟蹤輔導(dǎo)05就業(yè)服務(wù)牛 ●畢業(yè)即就業(yè)，學(xué)員就業(yè)●保薪資就業(yè)協(xié)議 入學(xué)即簽訂●4-5輪模擬面試+職業(yè)素養(yǎng)課程，全程跟蹤，為就業(yè)保駕護(hù)航●畢業(yè)學(xué)生享受技術(shù)大咖終身支持指導(dǎo)課程適用人群●大學(xué)應(yīng)往屆生學(xué)習(xí)進(jìn)修、在職提升、轉(zhuǎn)行充電人群；●會(huì)基本的電腦操作，打字、有無編程基礎(chǔ)均可；●對(duì)互聯(lián)網(wǎng)編程感興趣，想往網(wǎng)站開發(fā)、軟件工程、大數(shù)據(jù)方向發(fā)展的人群；●低學(xué)歷人群經(jīng)過入學(xué)測(cè)試后方可選修。

添加微信咨詢
夏老師 @大連碼上未來IT培訓(xùn)

資深職業(yè)咨詢規(guī)劃師

微信號(hào)：155******12

立即咨詢

“大連碼上未來IT培訓(xùn)”是碼上未來科技(大連)有限公司在教育寶平臺(tái)開設(shè)的店鋪，若該店鋪內(nèi)信息涉嫌虛假或違法，請(qǐng)點(diǎn)擊這里向教育寶反饋，我們將及時(shí)進(jìn)行處理。

機(jī)構(gòu)評(píng)分

環(huán)境：5.0師資：5.0服務(wù)：5.0效果：5.0

公示信息

店鋪名稱：大連碼上未來IT培訓(xùn)

單位名稱：碼上未來科技(大連)有限公司

賬號(hào)名稱：mswl（158******92）

所屬城市：遼寧大連

入駐時(shí)長(zhǎng)：5年

在線客服：在線聊

微信咨詢

返回頂部