1樓:匿名使用者
line-height就用來給一行內容的高度設定範圍的。
比如說,有乙個這樣的div:
它的意思就是說,這個div裡面的每一行文字,佔36個畫素。
它經常應用在讓一些文字居中到乙個位置。比如像下面這個:
如果你在這個div裡面寫一行文字的話,它預設是在這個div的左上角的。如果你想讓它在垂直方向上居中的話,那你就可以再加乙個樣式,就是line-height:36px;意思是讓這裡面的文字每一行佔36個畫素,那麼,這行文字的高度正好和那個div的高度相同,那文字就會表現出垂直居中的效果了。
不知道說明白沒有。
2樓:222傻豬
line-height 屬性設定行間的距離(行高)。
該屬性會影響行框的布局。在應用到乙個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。
line-height 與 font-size 的計算值之差(在 css 中成為「行間距」)分為兩半,分別加到乙個文字行內容的頂部和底部。可以包含這些內容的最小框就是行框。
這兩個**你可以看看
3樓:李勛
例如:乙個div裡有一行文字「體用法是什麼」,設定了width:200px;height:
25px;再加上line-height:25px;文字機會上下居中,沒有line-height:25px;的話文字是預設靠頂部的!
4樓:匿名使用者
line-height 是每一行之間的高度/距離
css中line-height與height的區別?
5樓:tt小聖人
簡單來說,line-height是行高的意思,height則是定義元素自身的高度。
例如下面這段**
如果我們定義.test ,那麼這個元素的實際高度將取決於其中內容的多少,假如文字部分在瀏覽器裡面顯示為一行,那麼這個div的實際高度就是20px,如果文字顯示為兩行,那麼div的實際高度就是40px,而且文字的行高是20px的;
如果我們定義.test,那麼這個元素的實際高度一般並不會因為內容的多少而發生改變,如果文字顯示為一行,那麼這個div的高度仍然是40px,如果顯示為2行,但是文字的行高不夠20px,這個div的高度也不會因為文字內容的高度小於height而發生改變。不過如果文字內容的高度大於40px了,一般來說這個div的高度還是會相應增加的。
6樓:東冬冬冬冬冬
區別如下:
1、定義不同
:line-height是行高的意思,height則是定義元素自身的高度。
2、表示意義不同: line-height用來表示容器的高度,height用來表示這一容器內的每行文字的高度。
3、使用範圍不同:line-height只針對行元素,height針對其他所有元素。
4、針對物件不同:line-height一般針對字型來設定,如果一行文字在div裡面,且行高等於高度的話,則文字會垂直居中。heigh一般用來設定文字外圍的div容器。
5、height是對於某個框架或者**來弄的。line-height用於文字,如果要實際效果你可以寫一段文字,分好幾行,然後對它做line-height屬性,就會注意到變化了。
擴充套件資料:
css語言特點
css為html標記語言提供了一種樣式描述,定義了其中元素的顯示方式。css在web設計領域是乙個突破。利用它可以實現修改乙個小的樣式更新與之相關的所有頁面元素。
總體來說,css具有以下特點:
1、豐富的樣式定義
css提供了豐富的文件樣式外觀,以及設定文字和背景屬性的能力;允許為任何元素建立邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。
2、易於使用和修改
css可以將樣式定義在html元素的style屬性中,也可以將其定義在html文件的header部分,也可以將樣式宣告在乙個專門的css檔案中,以供html頁面引用。總之,css樣式表可以將所有的樣式宣告統一存放,進行統一管理。
另外,可以將相同樣式的元素進行歸類,使用同乙個樣式進行定義,也可以將某個樣式應用到所有同名的html標籤中,也可以將乙個css樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式宣告進行修改。
3、多頁面應用
css樣式表可以單獨存放在乙個css檔案中,這樣我們就可以在多個頁面中使用同乙個css樣式表。css樣式表理論上不屬於任何頁面檔案,在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。
4、層疊
簡單的說,層疊就是對乙個元素多次設定同乙個樣式,這將使用最後一次設定的屬性值。
例如對乙個站點中的多個頁面使用了同一套css樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義乙個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫,在瀏覽器中看到的將是最後面設定的樣式效果。
5、頁面壓縮
在使用html定義頁面效果的**中,往往需要大量或重複的**和font元素形成各種規格的文字樣式,這樣做的後果就是會產生大量的html標籤,從而使頁面檔案的大小增加。
7樓:匿名使用者
line-height是行高,height就是高,通常height是對於某個框架或者**來弄的,line-height用於文字
如果要實際效果你可以寫一段文字,分好幾行,然後對它做line-height屬性,就會注意到變化了
比如:abc
abcabc
abcabc
調整20px這個值,行間距就會發生變化
另外,line-height和height組合到一塊兒,還有一種效果,就是如果把它們的值設定的一樣了,文字就會在垂直方向居中
8樓:育知同創教育
1:前者用來
表示容器的高度,後者用來表示,這一容器內的每行文字的高度如:height一般用來表示,設定這一容器的高度。
一般來說,如果是要設定文字行距和居中顯示,都會帶上line-height:40px;font-size:20px;
這樣的話,就相當於文字大小 20px,文字行間距離也有20px了。
9樓:匿名使用者
不過如果文字內容的高度大於40px了,一般來說這個div的高度還是會相應增加的。
div高度是不會增加的
10樓:安徽大科公考
所有元素有可以設定height;只有行內元素可以設定line-height;
在h5的標準裡,line-height:1;表示,行高等於元素高度。這樣就可以清除元素的縫隙。
line-height:1.5;line-height:0.8;都表示倍數關係。
我喜歡無縫連線。所以,近期的h5專案,我都喜歡用line-height:1清除文字行的縫隙。
line-height是什麼意思?css
11樓:匿名使用者
line-height是行高,也可以定義行間距用法:如果想讓一段方案垂直居中,可以這麼寫html**:
testtesttesttesttest
css**:
p這樣p標籤的內容就垂直居中了
當行高和所在標籤的高度相當那麼標籤中的內容會垂直居中ps:在表單中用line-height的值最好不要用百分比表示,要用具體數值,不然在ie6中會和其它瀏覽器出現偏差
定義字間距可以用word-spacing
比如word-spacing:6px; 就是字間距為6個畫素
css中line-height單倍行距怎麼表示
12樓:匿名使用者
你不都表示出來了嘛line-height:25px;就可以了,具體數字自己調
13樓:匿名使用者
line-height : 150%
css中字型大小問題css關於字型大小的問題
font有多個屬性,我寫的時候一般就用縮寫 font normal 12px 22px 宋體 這樣 的意思是 字型不加粗專,字屬號是12px,行高是22px,字型是宋體,這樣寫可以節省時間,也可以優化 給css 很方便。如果給當前的標籤加個高為22px,那麼這字就上下居中了。要注意用這樣縮寫的時候一...
css中body的背景問題在css裡面怎麼給body設定背景色
body背景 bai 前提du 編碼沒錯的前提下。1.body,必須zhi 有空間,如dao 果沒有給它社會內height 100 並且沒有內容,容那麼body預設是寬度為100 高度為0 也就是說無論是填充顏色還是背景,body上什麼都看不到,唯有瀏覽器的背景色 一般都是白色 2.body有空間的...
CSS裡面的的為什麼有逗號,CSS中群組選擇器一定要用逗號隔開嗎?為什麼我看到這個不需要呢
楚昂熙 ad stu ad 2 ad house 這裡用了逗號,作用是表示這3個class用的是相同的css屬性。而如果用空格,變成這樣 ad stu ad 2 ad house,其意思就全變了。這樣用空格分開,變成了在ad stu這個容器裡有一個叫ad 2的容器,而在ad 2這個容器裡,又包含著一...