彈性布局優缺點

2021-10-21 00:09:17 字數 486 閱讀 7919

一、flex 布局是什麼

flex 是 flexible box 的縮寫,意為」彈性布局」,用來為盒狀模型提供最大的靈活性。

任何乙個容器都可以指定為 flex 布局。

css3引入的flex布局優缺點:

優點在於其容易上手,根據flex規則很容易達到某個布局效果。

缺點是:瀏覽器相容性比較差,只能相容到ie9及以上。

css3引入的flex布局介紹:

彈性盒子由彈性容器(flex container)和彈性子元素(flex item)組成。彈性容器通過設定 display 屬性的值為 flex 或 inline-flex將其定義為彈性容器。彈性容器內包含了乙個或多個彈性子元素。

注意: 彈性容器外及彈性子元素內是正常渲染的。彈性盒子只定義了彈性子元素如何在彈性容器內布局。彈性子元素通常在彈性盒子內一行顯示。預設情況每個容器只有一行。

響應式布局詳解(優缺點)

一 什麼是響應式布局?響應式布局是ethan marcotte在2010年5月份提出的乙個概念,簡而言之,就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。這個概念是為解決移動網際網路瀏覽而誕生的。響應式布局可以為不同終端的使用者提供更加舒適的介面和更好的使用者體驗,而且隨著目前大螢幕移...

css grid布局的優缺點是什麼?

css grid布局的優點 1 固定和靈活的軌道尺寸 2 可以使用行號,名稱或通過定位網格區域將專案放置在網格上的精確位置 3 可以將多個專案放入網格單元格或區域中,它們可以彼此部分重疊。缺點 相容性不太好。相關推薦 css 教程 css grid 網格 布局為css引入了乙個二維網格系統。它是由縱...

響應式布局的優缺點及設定

響應式布局是ethan marcotte在2010年5月份提出的乙個概念,簡而言之,就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。這個概念是為解決移動網際網路瀏覽而誕生的。優點 面對不同解析度裝置靈活性強 能夠快捷解決多裝置顯示適應問題 缺點 相容各種裝置工作量大,效率低下 累贅,會...