css flex布局詳細使用說明

2021-10-13 13:44:06 字數 1230 閱讀 9011

.box
row   (預設值):主軸為水平方向,起點在左端。

row-reverse   :主軸為水平方向,起點在右端。

column   :主軸為垂直方向,起點在上沿。

column-reverse   :主軸為垂直方向,起點在下沿。

.box
nowrap(預設):不換行

wrap:換行,第一行在上方

wrap-reverse:換行,第一行在下方

.box
.box
flex-start (預設值):左對齊

flex-end:右對齊

center: 居中

space-between:兩端對齊,專案之間的間隔都相等。

space-around:每個專案兩側的間隔相等。所以,專案之間的間隔比專案與邊框的間隔大一倍。

.box
flex-start:交叉軸的起點對齊。

flex-end:交叉軸的終點對齊。

center:交叉軸的中點對齊。

baseline: 專案的第一行文字的基線對齊。

stretch(預設值):如果專案未設定高度或設為auto,將佔滿整個容器的高度

.box
flex-start:與交叉軸的起點對齊。

flex-end:與交叉軸的終點對齊。

center:與交叉軸的中點對齊。

space-between:與交叉軸兩端對齊,軸線之間的間隔平均分布。

space-around:每根軸線兩側的間隔都相等。所以,軸線之間的間隔比軸線與邊框的間隔大一倍。

stretch(預設值):軸線佔滿整個交叉軸。

.item
.item
.item
.item
.item
該屬性有兩個快捷值:auto (1 1 auto) 和 none (0 0 auto)。

建議優先使用這個屬性,而不是單獨寫三個分離的屬性,因為瀏覽器會推算相關值

.item
該屬性可能取6個值,除了auto,其他都與align-items屬性完全一致

vector詳細使用說明

在c 中的詳細說明 vector是c 標準模板庫中的部分內容,它是乙個多功能的,能夠操作多種資料結構和演算法的模板類和函式庫。vector之所以被認為是乙個容器,是因為它能夠像容器一樣存放各種型別的物件,簡單地說,vector是乙個能夠存放任意型別的動態陣列,能夠增加和壓縮資料。使用vector,必...

使用說明 附註工具使用說明

附註工具使用說明 附註工具用途 附註工具主要用於更新利用word附註應用程式生成的帶域 的附註,該工具在word右鍵 更新鏈結 的基礎上進行了優化,故在使用時,不能再利用word右鍵 更新鏈結 而要用本工具的 更新當前鏈結 或 更新所有鏈結 使用說明 一 更換路徑 當利用word附註應用程式生成帶域...

masonry 瀑布流布局外掛程式使用說明

引數名 引數說明 itemselector class選擇器,預設 item columnwidth 一列的寬度 isanimated 使用jquery的布局變化,預設true animationoptions animate屬性漸變效果 object gutterwidth 列的間隙 intege...