為什么要使用flex布局?
發布日期: 2022-05-17 11:56:31 瀏覽次數: 59736
傳統布局的解決方式，是基于盒子模型，依賴 display，position，float 等屬性。它對于那些特殊布局非常不方便。
就比如，垂直居中就不容易實現。我們可能要 position + transform 才能配合完成。
新的方案flex布局，可以簡便、完整、響應式地實現各種頁面布局。
使用了flex布局的盒子模型設置垂直居中就非常簡單了，只需要設置 align-items:center; 屬性。
Flex 是 Flexible Box 的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性。
兩欄布局
一欄固定寬度，一欄自適應。
方法一
| 左側 float:left，右側 margin-left。
方法二
| 左側 float:left，右側 overflow:hidden。
方法三
| 利用定位 position
方法四
| 利用彈性布局 flex
下一篇：好代碼和壞代碼
我有需求
聯系我們
13932058117（系統開發）
地址：邯鄲市友誼時代廣場B座21層
郵箱：jsb@hbcg.cc
