🔸block

╱🚧 under construction -> flow/writing direction

CSS ⟩ layout ⟩ display ⟩ block

• block：

  • 預設佔據所有寬度 (width = 100%)。

  • 但可設定 width, height。

  • 書寫方式預設為 writing-mode: horizontal-tb，水平方式、由上到下排版。 (tb 代表 top to bottom)，跟隨 flow direction 流動。

  • 元素前後各會插入一個跳行 (line break)。

An element that is floated is automatically display: block.

🗺️ 圖表

⭐️ 重點

• block elements are like paragraphs, and inline elements are like words.

📗 參考

• Every Layout (2021)