line-height就用來給一行內容的高度設定範圍的。
1、比如說,有一個這樣的DIV:
它的意思就是說,這個DIV裡面的每一行文字,佔36個畫素。
2、它經常應用在讓一些文字居中到一個位置。比如像下面這個:
3、如果你在這個DIV裡面寫一行文字的話,它預設是在這個DIV的左上角的。如果你想讓它在垂直方向上居中的話,那你就可以再加一個樣式,就是line-height:36px;意思是讓這裡面的文字每一行佔36個畫素,那麼,這行文字的高度正好和那個DIV的高度相同,那文字就會表現出垂直居中的效果了。
CSS - 層疊樣式表
英文全稱:Cascading Style Sheets。是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力。
line-height就用來給一行內容的高度設定範圍的。
1、比如說,有一個這樣的DIV:
它的意思就是說,這個DIV裡面的每一行文字,佔36個畫素。
2、它經常應用在讓一些文字居中到一個位置。比如像下面這個:
3、如果你在這個DIV裡面寫一行文字的話,它預設是在這個DIV的左上角的。如果你想讓它在垂直方向上居中的話,那你就可以再加一個樣式,就是line-height:36px;意思是讓這裡面的文字每一行佔36個畫素,那麼,這行文字的高度正好和那個DIV的高度相同,那文字就會表現出垂直居中的效果了。
CSS - 層疊樣式表
英文全稱:Cascading Style Sheets。是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力。