[筆記] HTML 巢狀 div 所造成的縮排效果

若要達成層級的縮排效果，除了每層改變 padding 的大小外，還有藉由 HTML 結構來達成的方式。藉由 HTML 的巢狀結構和「相同的 CSS」設定，就可以達成縮排了。

---

內容

首先你的塊狀元素 (block) 要是巢狀的結構，接著 CSS 設定如 padding-left: 12px，你就會發現每個 div 就會如預期般的由左依序縮排 12px 了。

按讚加入粉絲團

延伸閱讀

• [筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤
• [筆記] 程式必修課！離散數學與演算法 – 40
• [筆記] iOS 18 多語學習者必備之內建多語言鍵盤功能
• [筆記] 程式必修課！離散數學與演算法 – 39
• [筆記] Google Chrome Fonts Ninja 套件來偵測當前網頁顯示字體大小顏色