對flex的理解

參考 wxk_前端開發

flex：1

flex-grow: 1;

flex-shrink: 1;
flex-basis: 0%;

對於flex-shrink預設為1即有多餘空間 縮小

flex-basis預設為auto 在沒有分配多餘空間之前 自動使用自己的寬度

所以想要實現自適應布局使用flex：1，

flex：none

flex-grow: 0;

flex-shrink: 0;
flex-basis:  auto;

flex：auto

flex-grow: 1;

flex-shrink: 1;
flex-basis:  auto;

我有點迷 跟我想象的樣式不一樣

接下來很有趣 這三種寫法一致：

flex：1，只有乙個值 為非負數 代表的是 flex-grow ，flex-shrink 取 1，flex-basis 取 0%

flex：0% 只有乙個值 為百分比 代表的是flex-basis：0%，flex-grow ，flex-shrink 取 1

flex： 1 1，有兩個非負數 代表的分別是flex-grow 和 flex-shrink 的值 flex-basis 取 0%

flex：1 0% 有乙個非負數和百分比 代表的是flex-grow和 flex-basis 的值flex-shrink取1

對 flex的使用

flex彈性盒子，2009年由w3c的大佬提出，輕鬆的實現web布局方式，並且在pc端也能很好的實現縮放。他取代了之前的 display float position 的布局形式。今天就介紹介幾個有彈性盒子實現的小案例 這裡為了看到效果新增了js部分 1.固定底部內容 當內容不足瀏覽器高度時，底部內...

Flex 布局理解

一 flex 布局是什麼？flex 是 flexible box 的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性。任何乙個容器都可以指定為 flex 布局。二 基本概念 採用 flex 布局的元素，稱為 flex 容器 flex container 簡稱 容器 它的所有子元素自動成為容器成員...

對委託的理解

在公司看了一上午的委託和事件 其實也沒有那麼久了，2個小時而已 終於明白了一些，看大家都沒有回帖，可能是因為我沒有設定加分，我的分太少了，剛來csdn。委託 我對委託的理解是這樣的 實現定乙個函式規範 簡單點說就是定義乙個函式的格式 如 public int test int a 委託裡是這樣寫的p...