CSS Flexbox — 伸縮自如的排版|基礎觀念. 用flex為你的版面加 ...

文章推薦指數: 80 %
投票人數:10人

在display屬性引入flex前,網頁排版大多仰賴於block、inline或是float屬性完成,但通常容器中的元素的長寬必須是已知的,才能規劃實際的排版。

等到好不容易完成「電腦版」的頁面時,智慧型手機大張旗鼓地進軍市場,設計師又得要應付手機版的頁面格式。

大傷腦筋對吧?因此在CSS3時引入新的選擇 — flex,成為大部分網頁排版的救星。

今天筆者就來稍微介紹一下這神奇的flex是怎麼幫助我們快速完成排版。

📑 主軸的方向是可以改變的,交叉軸是依據主軸做相對應的改變。

ju



請為這篇文章評分?