在CSS中,文字的上下間距是指文字與行高之間的距離。此距離包括以下兩個屬性:
line-height 屬性:指定行與行之間的距離 ps: 不是文字與文字之間的距離,而是整個行的距離 font-size 屬性:字體的大小,決定字體的高度。
我們可以通過兩種方法來調整行高:
1. line-height 屬性 作用:指定行與行之間的距離 語法:line-height: normal|數字|百分比|inherit; ps: normal 表示行與行之間距離為字體的高度,數字值、百分比值表示自定義行高。 2. margin/padding 值 作用:調整文字的位置,進而調整行高 語法: margin-top/bottom/left/right: 像素|百分比|auto; padding-top/bottom/left/right: 像素|百分比; ps: margin 值用于外邊距調整,padding 值用于內邊距調整,auto 為自適應值(根據布局自動調整)。
實際應用中,可以根據設計需求來選擇調整行高的方法。比如,當需要讓文字排版整齊且體現層次感時,可以選用 line-height 屬性;而當需要在一段文字中插入圖片或其他元素時,可以使用 margin/padding 值來調整行高。