xsl-fo 頁面尺寸
page-width 定義頁面的寬度
page-height 定義頁面的高度
xsl-fo 頁面邊距
margin 定義所有邊的邊距
margin-top 定義上邊距
margin-bottom 定義下邊距
margin-left 定義左邊距
margin-right 定義右邊距
xsl-fo 頁面區（page regions）
region-body 定義主體區，主體區包含其它區
region-before 定義頂部區 (頁首)
region-after 定義底部區 (頁尾)
region-start 定義左側區 (左側欄)
region-end 定義右側區 (右側欄)
注意：為了避免主體區的文字覆蓋到這些區域，主題區的邊距至少要等於其他區的尺寸。
一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一
space-before 和 space-after 是塊與塊之間起分割作用的空白。
與前面的塊相隔5mm的距離
#自動調整內容，對區域進行自適應填充
分頁break-befor 在塊之前插入分頁符
break-after 在塊之後插入分頁符
控制塊與塊之間的關係
keep-with-previous和keep-with-next特性指定塊應和前一塊還是下一塊保留在一起。
這些特性應用於within-line、within-column和within-page元件。
顧名思義，這些元件控制進行塊分組的級別。通常，我使用within-page元件。
可用值有auto（不作特殊處理）、always（始終將這些塊放在同一頁）或乙個整數。
整數指定優先順序，這樣，當數個keep特性發生衝突時，優先順序數字最大的居先。
always在所有值中優先順序最高。
盒布局相關屬性
box align start end center baseline stretch start 設定彈性盒模型物件的子元素從開始位置對齊 center 設定彈性盒模型物件的子元素居中對齊 end 設定彈性盒模型物件的子元素從結束位置對齊 baseline 設定彈性盒模型物件的子元素基線對齊 st...
布局相關的屬性
1.position 定位方式 1.正常定位 relative 2.根據父元素進行定位 absolute 3.根據瀏覽器視窗進行定位 fixed 4.沒有定位 static 5.繼承inherit 2.定位 left 左 right 右 top 上 bottom 下 離頁面頂點的距離 3.z ind...
flex布局及相關屬性
flex direction屬性，決定主軸的方向 即專案的排列方向 box flex wrap屬性，預設情況下，專案都排在一條線 又稱 軸線 上。flex wrap屬性定義，如果一條軸線排不下，如何換行。box flex flow屬性，flex flow屬性是flex direction屬性和fle...