今天就跟大家聊聊有關(guān)css中flex布局和傳統(tǒng)的布局的區(qū)別，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

為阜城等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及阜城網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計制作、成都網(wǎng)站制作、阜城網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

傳統(tǒng)布局：基于盒模型，依賴 display屬性 、position屬性 、float屬性；

flex布局：flex 是 flexible Box 的縮寫，意為”彈性布局”，用來為盒狀模型提供最大的靈活性。

設(shè)為display:flex的元素稱為"容器"，它的子元素稱為"項目"。需要注意的是，容器設(shè)為 flex 布局以后，子元素的float、clear和vertical-align屬性將失效；

為什么要確定主軸和側(cè)軸？

主軸和側(cè)軸是通過flex-direction確定的(默認(rèn)是row) 之所以要確定主軸，是因為要確定項目的對齊方向：

如果flex-direction是row或者row-reverse，那么主軸就是justify-content；

如果flex-direction是column或者column-reverse,那么主軸就是align-items.

看完上述內(nèi)容，你們對css中flex布局和傳統(tǒng)的布局的區(qū)別有進(jìn)一步的了解嗎？如果還想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀。

網(wǎng)頁名稱：css中flex布局和傳統(tǒng)的布局的區(qū)別
網(wǎng)站網(wǎng)址：http://m.2m8n56k.cn/article40/jgesho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、網(wǎng)站排名、網(wǎng)站內(nèi)鏈、靜態(tài)網(wǎng)站、關(guān)鍵詞優(yōu)化、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)