CSS 版面空間分配
框尺寸、flex 分行、grid 欄位、文章分欄及共用欄位。
設定闊度時，內距和邊框怎樣計？
量度一個 200px 面板，把內容、內距和邊框逐項計清楚。
第一段上距為何推走整個容器？
首段的上距可以留在容器內，也可能與上層合併；用實際座標分清楚。
Flex 文字撐爆一行，怎樣縮而不裁字？
240px 一行內要放長檔名和固定闊度標籤；縮內容位置，也要保留全部文字。
Flex 會在哪裏換行？把間距也計進去
兩個項目加間距剛好放得下；窄一像素，就會改成逐行排列。
把最後一項推到另一邊，不必絕對定位
把餘下空間放在最後一項之前，原始排列不必改。
Grid 的 1fr 被長字撐大，怎樣處理？
260px grid 內，標籤佔 80px、間距 10px，長字串在餘下 170px 換行。
文章分欄仍是一篇文章，別當成獨立方格
一段文章流過兩欄，DOM 仍是一段；用文字片段位置核對，不把它當成兩格資料。
多行名稱和內容，要共用同一組欄位
兩行內層資料共用 90px 標籤欄和 162px 內容欄，起點不隨名稱長短而改。