2018-05-04 聖盃佈局 and 雙飛翼佈局，display:flex

時間 2019-12-07

標籤佈局雙飛 display flex 欄目 CSS 简体版

原文原文鏈接

看到一個神奇的佈局，啥都不說了直接貼代碼佈局

要讓main在中間，left在左邊，能夠經過Flex容器下的項目的屬性「order」屬性來設置：對於order屬性：定義項目的排列順序，越小越靠前，默認爲0。flex

.經過項目屬性flex-grow設置main的放大比例，將空餘的空間用main來填充，使三個項目不滿一整行；默認爲0，也就是對剩餘空間不作處理。blog

經過項目屬性flex-basis 設置left和right的固定寬度容器

這樣就實現了咱們的目標，是否是很簡單？這就是flex佈局的魅力。。。im

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。