採用 flex 布局的元素，稱為 flex 容器（flex container），簡稱"容器"。它的所有子元素自動成為容器成員，稱為 flex 專案（flex item），簡稱"專案"。
容器預設存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）。主軸的開始位置（與邊框的交叉點）叫做main start，結束位置叫做main end；交叉軸的開始位置叫做cross start，結束位置叫做cross end。
專案預設沿主軸排列。單個專案佔據的主軸空間叫做main size，佔據的交叉軸空間叫做cross size。
容器的屬性
flex-start（預設值）：左對齊
flex-end：右對齊
center： 居中
space-between：兩端對齊，專案之間的間隔都相等。
space-around：每個專案兩側的間隔相等。所以，專案之間的間隔比專案與邊框的間隔大一倍。
專案的屬性
網格布局
基本網格布局
<div
class
="grid"
>
<
div
class
="grid-cell"
>...
div>
<
div
class
="grid-cell"
>...
div>
<
div
class
="grid-cell"
>...
div>
div>
.grid .grid-cell百分比布局
auto: 大小隨容器伸縮不固定，因此設定為flex: 1 （flex: 1 1 0%）;
1/2: 大小固定佔據容器寬度50%，flex: 0 0 50%;
1/3: 大小固定佔據容器寬度50%，flex: 0 0 33.3%;
1/4: 大小固定佔據容器寬度50%，flex: 0 0 25%;
原文：
Linux知識點回顧（二）之目錄結構
概述 目錄說明 bin存放二進位制可執行檔案 ls,cat,mkdir等 boot 存放用於系統引導時使用的各種檔案 dev用於存放裝置檔案 etc 存放系統配置檔案 home 存放所有使用者檔案的根目錄 lib存放跟檔案系統中的程式執行所需要的共享庫及核心模組 mnt系統管理員安裝臨時檔案系統的安...
OpenCV程式設計中的 語法知識點回顧
摘自 2019 01 13 21 17 02 江清月明 閱讀數 144 分類專欄 計算機視覺 opencv計算機視覺相關 1 uchar previous 和 uchar previous 兩者之間有什麼區別？answer 在宣告乙個指標的時候，兩者之間沒有任何區別，如果同時宣告兩個指標的時候，就會...
計算機基礎中的知識點回顧
ascii american standard code for information interchange，美國資訊交換標準 是基於拉丁字母的一套電腦編碼系統，主要用於顯示現代英語和其他西歐語言。注 ascii是american standard code for information in...