DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV布局屬性用法詳盡解讀(3)
DIV布局屬性用法詳盡解讀(3)
編輯:CSS詳解     

◆DIV布局之line-height和vertical-align屬性:

line-height屬性可以規定元素內部的行間距,使用長度單位或百分數:

屬性名稱:'line-height'

屬性值:normal<number><length><percentage>
初始值:normal
適合對象:所有元素
是否繼承:yes
百分比備注:根據元素的字體大小而定
例如下面的例子,雖然表達方式不同,但結果一樣:

  1. DIV{line-height:1.2;font-size:10pt}
  2. DIV{line-height:1.2em;font-size:10pt}
  3. 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,則繼承父元素屬性
百分比備注:被禁止

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved