CSS中,line height 1 5相當於多少PX 謝謝

2021-03-24 07:29:49 字數 5724 閱讀 1125

1樓:驚寒唱晚

這只是乙個相對值,也就是說,它相當於設定樣式為1.5倍的行高。

如你的補充提問:我們初始設font-size:12px; 那麼line-height:1.5; 就相當於12*1.5=18px;

2樓:匿名使用者

父元素font-size*1.5,如果未定義一直向上追溯到body,如果body未定義字型大小,則按瀏覽器預設的來算。

樓上幾位不要誤導樓主,這種寫法實際上作用很明顯,作為乙個相對的值來算,對css模組化有很大的幫助。

3樓:匿名使用者

你說的應該是line-height:1.5em吧em是相對長度單位。相對於當前物件內文字的字型尺寸。

如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。

示例:div

em與px的換算

1em=16px, 12px=0.75em如果將em換算後html,1em=10px。

4樓:匿名使用者

無法換算,因為行高不一定。

5樓:匿名使用者

line-height 這個屬性,一般用百分比顯示比較好,不如: line-height:150%; 表示行間距為 1.5倍字高,比較常用

css中line-height與height的區別?

6樓:tt小聖人

簡單來說,line-height是行高的意思,height則是定義元素自身的高度。

例如下面這段**

如果我們定義.test ,那麼這個元素的實際高度將取決於其中內容的多少,假如文字部分在瀏覽器裡面顯示為一行,那麼這個div的實際高度就是20px,如果文字顯示為兩行,那麼div的實際高度就是40px,而且文字的行高是20px的;

如果我們定義.test,那麼這個元素的實際高度一般並不會因為內容的多少而發生改變,如果文字顯示為一行,那麼這個div的高度仍然是40px,如果顯示為2行,但是文字的行高不夠20px,這個div的高度也不會因為文字內容的高度小於height而發生改變。不過如果文字內容的高度大於40px了,一般來說這個div的高度還是會相應增加的。

7樓:東冬冬冬冬冬

區別如下:

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標籤,從而使頁面檔案的大小增加。

8樓:匿名使用者

line-height是行高,height就是高,通常height是對於某個框架或者**來弄的,line-height用於文字

如果要實際效果你可以寫一段文字,分好幾行,然後對它做line-height屬性,就會注意到變化了

比如:abc

abcabc

abcabc

調整20px這個值,行間距就會發生變化

另外,line-height和height組合到一塊兒,還有一種效果,就是如果把它們的值設定的一樣了,文字就會在垂直方向居中

9樓:育知同創教育

1:前者用來

表示容器的高度,後者用來表示,這一容器內的每行文字的高度如:height一般用來表示,設定這一容器的高度。

一般來說,如果是要設定文字行距和居中顯示,都會帶上line-height:40px;font-size:20px;

這樣的話,就相當於文字大小 20px,文字行間距離也有20px了。

10樓:匿名使用者

不過如果文字內容的高度大於40px了,一般來說這個div的高度還是會相應增加的。

div高度是不會增加的

11樓:安徽大科公考

所有元素有可以設定height;只有行內元素可以設定line-height;

在h5的標準裡,line-height:1;表示,行高等於元素高度。這樣就可以清除元素的縫隙。

line-height:1.5;line-height:0.8;都表示倍數關係。

我喜歡無縫連線。所以,近期的h5專案,我都喜歡用line-height:1清除文字行的縫隙。

css中:line-height:25px\9 這個斜槓是什麼意思

12樓:匿名使用者

ie8 的css hack

13樓:

"\9" 例:"border:1px \9;".這裡的"\9"可以區別所有ie和firefox.

"\0" ie8識別,ie6、ie7不能.

你需要去了解下css hack技術

在css中的line-height到底指哪部分呢?

14樓:匿名使用者

這是bai

乙個常見的垂直du

居中的技巧,只是樓

zhi主還沒有領會這個技巧的dao原版理。

line=height就是行高,假如這個字型權的字高是20px,而line-height是50px,那麼字型會放在1個50px的無形的盒子裡,並自動垂直居中,也就是這個字型離頂端和底部各15px。然後再放到50px高的div裡,他自然是垂直居中的了。

就好像乙個牌匾(行高),他裡面的字是始終居中的,把這個牌匾嚴絲合縫地嵌入到和牌匾同高的牆孔(div)裡,那麼文字也肯定是在牆孔的正中。

15樓:陸舒杰

line-height指的是在div中的元素上下居中,如果要文字左右居中的話可以使用text-align:center;試試!

16樓:hui灬江尚

單純從你的**來看,line-height:50px;的意思是使盒子這兩個字在居中,不信你去掉試試,肯定不居中,就是上下居中。

17樓:山坡小墳頭

height只是那個div的的寬度,line-height是行高,你那個文字對齊方式text-align是居中的

在css中 line-height 表示行高,其設定的單位可以是px 或者是%,在網上看有人這樣寫「line-height:1.2;」

18樓:匿名使用者

1.2 表示 font-size 的 1.2 倍。。

line-height 可以有三種

值, 長度:比如 20px,百分比:比如 120%,數值:比如 1.2 (和 120% 一樣)

百分比和數值 是相對於 font-size 大小的。。

比如font-size:20px; line-height:2; 那麼行高就是 40px;

19樓:摩羯丶安靜丨

line-height屬性值沒有單位,瀏覽器會直接繼承這個 「因子(數值)」,而非計算後的具體值,此時它的line-height會根據本身的font-size值重新計算得到新的line-height 值。

line-height屬性值有單位,那麼繼承的值則是換算後的乙個具體的px級別的值;

如果有單位的話,那麼可會會造成字型重疊。

20樓:匿名使用者

這個是一種不標準的寫法,一般情況下,小數後面一般跟著pt。比如height:1.2pt。

css中line-height的具體用法是什麼?求教

21樓:匿名使用者

line-height就用來給一行內容的高度設定範圍的。

比如說,有乙個這樣的div:

它的意思就是說,這個div裡面的每一行文字,佔36個畫素。

它經常應用在讓一些文字居中到乙個位置。比如像下面這個:

如果你在這個div裡面寫一行文字的話,它預設是在這個div的左上角的。如果你想讓它在垂直方向上居中的話,那你就可以再加乙個樣式,就是line-height:36px;意思是讓這裡面的文字每一行佔36個畫素,那麼,這行文字的高度正好和那個div的高度相同,那文字就會表現出垂直居中的效果了。

不知道說明白沒有。

22樓:222傻豬

line-height 屬性設定行間的距離(行高)。

該屬性會影響行框的布局。在應用到乙個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。

line-height 與 font-size 的計算值之差(在 css 中成為「行間距」)分為兩半,分別加到乙個文字行內容的頂部和底部。可以包含這些內容的最小框就是行框。

這兩個**你可以看看

23樓:李勛

例如:乙個div裡有一行文字「體用法是什麼」,設定了width:200px;height:

25px;再加上line-height:25px;文字機會上下居中,沒有line-height:25px;的話文字是預設靠頂部的!

lineheight是什麼意思?CSS

line height是行高,也可以定義行間距用法 如果想讓一段方案垂直居中,可以這麼寫html testtesttesttesttest css p這樣p標籤的內容就垂直居中了 當行高和所在標籤的高度相當那麼標籤中的內容會垂直居中ps 在表單中用line height的值最好不要用百分比表示,要用...

css中怎麼取消掉li前面的點,在css中設定ul樣式,怎樣修改li的前面預設圓點的顏色

在css中寫入copy bai找到相關性的css,在。li和.ul下寫入list sytle none 當然du有的會這樣來寫list style type none,這種寫zhi法特別是在一些daocms中最常見。在相關的頁面找到head部分寫入下面的 當然這種是很麻煩的了。3 在li,ul內加入...

css中是什麼意思,CSS中是什麼意思

在程式設計裡面 一般代表的都是萬用字元 css中 代表的是所有html的doc元素標籤 如 那麼 代表的就是body div p span標籤元素 這個是通配選擇器,為的是給頁面上所有元素新增樣式,一般不會用 在css中 什麼意思 萬用字元樣式,一般用於公共樣式的書寫,會全域性定義。層疊樣式表 英文...