DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 實現CSS垂直居中的五大方法及優缺點(3)
實現CSS垂直居中的五大方法及優缺點(3)
編輯:CSS詳解     

CSS垂直居中方法五:

這個方法只能將單行文本置中。只需要簡單地把 line-height 設置為那個對象的 height 值就可以使文本居中了。

  1. <div id="content">
  2. Content herediv>
  3. #content {height:100px; line-height:100px;}

優點:

適用於所有浏覽器

無足夠空間時不會被截斷

缺點:

只對文本有效(塊級元素無效)

多行時,斷詞比較糟糕

這個方法在小元素上非常有用,例如使按鈕文本或者單行文本居中。

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