2025 iThome 鐵人賽
分享至
透過網頁顯示具有大量文字的文章時,通常都會設定文字的「行高」或「縮排」,這個單元會介紹「什麼是行高」,以及運用 line-height 和 text-indent 這兩個 CSS 樣式屬性,設定文字的行高和縮排。
影片重點:
00:00:58 認識行高 00:01:55 行高會影響父元素裡的「行框」 00:04:52 line-height 行高 00:09:29 行高對於「空元素」的影響 00:11:03 line-height 不同屬性值在繼承時的差異 00:16:08 看看這些屬性值差別在哪 00:17:30 文字和圖片對齊時的行高 00:20:12 text-indent 縮排
相關參考:
教學文:CSS 文字行高、文字縮排 影片連結:https://www.youtube.com/watch?v=vVjg32bnTL0
更多參考: Youtube 頻道:https://www.youtube.com/@steam.oxxostudio CSS 教學大全:https://steam.oxxostudio.tw/category/css/index.html
更多參考:
IT邦幫忙