2008-11-18 53 views
1

我有一個頭垂直居中與固定高度標題中的CSS

<h1>My Header</h1> 

它的150px的高度和一個font-size1.3em; 我怎樣才能讓用CSS垂直居中的標題文字。 我寧願不把它包裝在一個容器DIV中(包裝divs真的打敗了整個CSS想法)。

回答

3

,最好的辦法是添加此規則:

h1 { 
    line-height: 150px; 
} 

你並不需要設置高度值,和字體大小不影響垂直對齊。

+0

雖然字體大小確實會影響字體大小;) – 2008-11-18 16:02:36

3

如果標題的高度爲150px,您是否也可以將line-height設置爲150px?

h1 
{ 
    font-size: 1.3em; 
    line-height: 150px; 
    height: 150px; 
} 
+0

感謝您的回答。正如alexmeia指出的那樣,高度似乎是不經意的,因爲線條高度已經拉伸了標籤。 – 2008-11-18 16:03:36