display: flex使用flex布局首先要設定父容器；
水平方向：
justify-content
: flex-start;起始端對齊
justify-content
: flex-end;末尾段對齊
justify-content
: center;居中對齊
justify-content
: space-around;均勻分布
justify-content
: space-between;兩端對齊，中間均勻分布
align-items
:flex-start; 起始端對齊
align-items
:flex-end; 末尾端對齊
align-items
:center; 居中對齊
align-items
:baseline; 基線對齊，這裡的baseline預設是指首行文字
align-items
:stretch; 子容器沿交叉軸方向的尺寸拉伸至與父容器一致。
flex布局首先要設定父容器display: flex，然後再設定justify-content: center實現水平居中，最後設定align-items: center實現垂直居中。
#box
css之flex屬性布局
一 前言 flex是flexible box的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性。注意，設為flex布局以後，子元素的float clear和vertical align屬性將失效。菜鳥教程 二 基本使用 1 flex direction 決定主軸的方向，即專案的排列方向 row ...
css 常用屬性 布局
color 顏色名表示。如white gold等。還可以rgb rgba。a表示透明程度，0,1 完全透明，不透明 我喜歡rgb 255,0,128 text decoration 文字修飾，underline為下劃線，line through為刪除線 text align 對齊方式，居中就是cen...
常用開發布局之flex布局 常用屬性
在之前我也寫過一篇flex布局的一篇文章，flex新增屬性。可以看下，剛開始第一次接觸flex布局時寫的，現在看看感覺有一點籠統，不是很清晰。但是裡面解釋了很多基礎知識，還是值得看的。今天再來縷縷常用的父項屬性和子項屬性。上來，裡面有詳細的解釋 flex deriction 控制主軸的正方向 row...