line height屬性技巧

2021-08-09 13:47:26 字數 572 閱讀 8896

line-height是一種文字屬性,指示行高,瀏覽器預設的行高較小,通常使段落文字顯得比較密集,增加行高可以使段落看上去更加舒服。行高可以以畫素作為單位,如(px,em),也可以以百分比作為單位,如下設定行高為基準值的1.5倍

p

除了疏鬆文字在高度之間的距離的用途外,行高還可以附帶的實現垂直居中文字的作用,如:

p

如上所示,在塊級元素中只要將行高即line-height屬性值,設定為等於height即高度值即可居中塊級元素內的文字,前提是改塊級元素的內容只有一行,否則行高等於高度也不現實,所以應用於h1,h2等標題類元素比較多。

另乙個居中文字(內聯元素)的屬性是 text:align?

將line-height設定為150%或1.5有什麼差別嗎?

其實,兩者的差別在於屬性的繼承性,使用百分比時,會首先計算父元素的line-height值,直接將這一畫素值傳遞繼承給子元素,而使用無單位的1.5時,則會直接將1.5這個係數傳遞繼承給子元素,而後子元素再按照該係數計算自己對應的畫素值。

C 常識性技巧總結

在review別人寫的c 中,體會到如下常識性技巧,適合初學者去模仿 常識技巧1 在c 中多使用巨集定義,提高 的維護成本,達到一改全改的目的,諸如 可以在 def.h 中定義 define begin ccu namespace namespace ccu 以後再其他.h 定義中引入 def.h ...

line height各類屬性值

line height支援屬性值 1.normal 預設屬性 跟著使用者的瀏覽器走,且與元素字型關聯 normal值 字型大小 100 2.使用數值作為行高值。如 line height 1.5 根據當前元素的font size大小計算 line height 1.5 20px font size ...

7 3 行高 line height屬性 2

7.3.3 行高的計算與繼承以em ex和百分比為單位的行高,其基數是元素本身的字型尺寸。例如有 如下 字高20px,行高2em。字高30px,行高2em。2個段落的行高都為2em,但是字型大小不同,因此顯示如圖7 23所示。圖7 23 行高的計算 行高可以設定得比字型高度小,此時多行的文字將疊加到...