flex簡單用法

2021-09-24 07:16:53 字數 798 閱讀 8365

只要加上display:flex ,就成了彈性盒子,這個元素就成為了彈性容器,具有flex彈性布局的特性。

彈性盒子分主軸和交叉軸,以主軸方向排列1.橫向排列:flex-direction:row 預設(自左向右)|flex-direction:row-reverse(自右向左)

2.縱向排列:flex-direction:column 縱向:(自上而下)|flex-direction:column-reverse (自下而上)

當主軸排列不下時

通過設定flex-wrap: nowrap | wrap | wrap-reverse可使得主軸上的元素不折行、折行、反向折行。flex-flow = flex-drection + flex-wrap

flex-flow相當於規定了flex布局的「工作流(flow)」

flex-flow: row nowrap;

可以節省一下**

使用flex,float屬性不會生效

//在父div內的style

display: flex;

justify-content: center;

//水平居中

align-items: center;

//垂直居中

flex更深入應用位址》

mysql的簡單用法 mysql簡單用法

刪除使用者 drop user jack drop比delete刪除的優勢在於drop可以刪除使用者的許可權,更加徹底 更改使用者名稱 rename user jack to jacknew 使用者的都存在與user表中,更改名稱,許可權不變 更改使用者密碼 update mysql.user se...

oracle cursor 簡單用法

procedure changespecialdiscount compid in invarchar2 ccid in invarchar2 cono in invarchar2 is sum cc all number 14 4 0 wsp disc number 14 4 wspcl disc...

Oracle Trigger簡單用法

1.trigger 是自動提交的,不用commit,rollback 2.trigger最大為32k,如果有複雜的應用可以通過在trigger裡呼叫procedure或function來實現。3.語法 create or replace trigger on declare begin except...