[筆記] HTML 巢狀 div 所造成的縮排效果 Posted on2023-10-072023-09-01AuthorANDY LIEN 章節連結 內容 若要達成層級的縮排效果，除了每層改變 padding 的大小外，還有藉由 HTML 結構來達成的方式。藉由 HTML 的巢狀結構和「相同的 CSS」設定，就可以達成縮排了。 內容 首先你的塊狀元素 (block) 要是巢狀的結構，接著 CSS 設定如 padding-left: 12px，你就會發現每個 div 就會如預期般的由左依序縮排 12px 了。 <span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span><br /> 按讚加入粉絲團延伸閱讀 [筆記] 程式必修課！離散數學與演算法 – 8 [筆記] 程式必修課！離散數學與演算法 – 7 [筆記] Photomator 特殊終生方案啟動方法 [筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響 [筆記] 程式必修課！離散數學與演算法 – 6
