◆DIV布局之line-height和vertical-align屬性:
line-height屬性可以規定元素內部的行間距,使用長度單位或百分數:
屬性名稱:'line-height'
屬性值:normal<number><length><percentage>
初始值:normal
適合對象:所有元素
是否繼承:yes
百分比備注:根據元素的字體大小而定
例如下面的例子,雖然表達方式不同,但結果一樣:
- DIV{line-height:1.2;font-size:10pt}
- DIV{line-height:1.2em;font-size:10pt}
- DIV{line-height:120%;font-size:10pt}
◆DIV布局之vertical-align屬性決定元素在垂直位置的顯示:
屬性名稱:'vertical-align'
屬性值:baselinesubsupertoptext-topmiddlebottomtext-bottom<percentage><length>
初始值:baseline
適合對象:inlineelements
適合繼承:no
百分比備注:根據元素的line-height屬性而定
屬性值含義如下:
baseline:與元素的基線對齊。
middle:與元素中部對齊。
sub:字下沉。
super:字上升。
text-top:文本頂部對齊。
text-bottom:文本底部對齊。
Top:和本行位置最高元素對齊。
Bottom:和本行位置最低元素對齊。
◆DIV布局之Visibility屬性:
該屬性用於控制元素的顯示或隱藏:
屬性名稱:'visibility'
屬性值:inheritvisiblehidden
初始值:inherit
適合對象:所有元素
是否繼承:如果該值為inherit,則繼承父元素屬性
百分比備注:被禁止