1樓:匿名使用者
line-height是行高,也可以定義行間距用法:如果想讓一段方案垂直居中,可以這麼寫html**:
testtesttesttesttest
css**:
p這樣p標籤的內容就垂直居中了
當行高和所在標籤的高度相當那麼標籤中的內容會垂直居中ps:在表單中用line-height的值最好不要用百分比表示,要用具體數值,不然在ie6中會和其它瀏覽器出現偏差
定義字間距可以用word-spacing
比如word-spacing:6px; 就是字間距為6個畫素
css中line-height與height的區別?
2樓:tt小聖人
簡單來說,line-height是行高的意思,height則是定義元素自身的高度。
例如下面這段**
如果我們定義.test ,那麼這個元素的實際高度將取決於其中內容的多少,假如文字部分在瀏覽器裡面顯示為一行,那麼這個div的實際高度就是20px,如果文字顯示為兩行,那麼div的實際高度就是40px,而且文字的行高是20px的;
如果我們定義.test,那麼這個元素的實際高度一般並不會因為內容的多少而發生改變,如果文字顯示為一行,那麼這個div的高度仍然是40px,如果顯示為2行,但是文字的行高不夠20px,這個div的高度也不會因為文字內容的高度小於height而發生改變。不過如果文字內容的高度大於40px了,一般來說這個div的高度還是會相應增加的。
3樓:東冬冬冬冬冬
區別如下:
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標籤,從而使頁面檔案的大小增加。
4樓:匿名使用者
line-height是行高,height就是高,通常height是對於某個框架或者**來弄的,line-height用於文字
如果要實際效果你可以寫一段文字,分好幾行,然後對它做line-height屬性,就會注意到變化了
比如:abc
abcabc
abcabc
調整20px這個值,行間距就會發生變化
另外,line-height和height組合到一塊兒,還有一種效果,就是如果把它們的值設定的一樣了,文字就會在垂直方向居中
5樓:育知同創教育
1:前者用來
表示容器的高度,後者用來表示,這一容器內的每行文字的高度如:height一般用來表示,設定這一容器的高度。
一般來說,如果是要設定文字行距和居中顯示,都會帶上line-height:40px;font-size:20px;
這樣的話,就相當於文字大小 20px,文字行間距離也有20px了。
6樓:匿名使用者
不過如果文字內容的高度大於40px了,一般來說這個div的高度還是會相應增加的。
div高度是不會增加的
7樓:安徽大科公考
所有元素有可以設定height;只有行內元素可以設定line-height;
在h5的標準裡,line-height:1;表示,行高等於元素高度。這樣就可以清除元素的縫隙。
line-height:1.5;line-height:0.8;都表示倍數關係。
我喜歡無縫連線。所以,近期的h5專案,我都喜歡用line-height:1清除文字行的縫隙。
在css中的line-height到底指哪部分呢?
8樓:匿名使用者
這是bai
乙個常見的垂直du
居中的技巧,只是樓
zhi主還沒有領會這個技巧的dao原版理。
line=height就是行高,假如這個字型權的字高是20px,而line-height是50px,那麼字型會放在1個50px的無形的盒子裡,並自動垂直居中,也就是這個字型離頂端和底部各15px。然後再放到50px高的div裡,他自然是垂直居中的了。
就好像乙個牌匾(行高),他裡面的字是始終居中的,把這個牌匾嚴絲合縫地嵌入到和牌匾同高的牆孔(div)裡,那麼文字也肯定是在牆孔的正中。
9樓:陸舒杰
line-height指的是在div中的元素上下居中,如果要文字左右居中的話可以使用text-align:center;試試!
10樓:hui灬江尚
單純從你的**來看,line-height:50px;的意思是使盒子這兩個字在居中,不信你去掉試試,肯定不居中,就是上下居中。
11樓:山坡小墳頭
height只是那個div的的寬度,line-height是行高,你那個文字對齊方式text-align是居中的
網頁設計css**line-height和height有什麼區別
12樓:杜拉拉的
通俗的告訴你。
網頁的所有元素可以分為塊元素和行元素。
一行文字所在的乙個邏輯區域是行元素,其他的元素就都是塊元素。
line-height只針對行元素,height針對其他所有元素。
13樓:匿名使用者
line-height:行高 設定文字間上下距離還有可以讓層裡面的東西可以垂直居中
height:高度 就是定義乙個層 或某樣東西的高度啦
14樓:匿名使用者
line-height行高
寫法:line-height:1.5 沒有單位的bai 按倍數 一般這個用du
的比較多 沒有限制zhi
line-height:1.5em 按在字元daoline-height:
20px 按畫素回還有這樣答的 font:12px/1.5 arial; 意思是:
文字12畫素 1.5倍行高 arial字型
height就是高度,高度還有乙個最小高度min-height
15樓:啄木鳥
height=高度,line-height=行高
css 裡的 height 屬性與 line-height 屬性有什麼區別
16樓:網海1書生
height是元素自身的高度,line-height則是元素內部文字的行高,比如:
height:100px; line-height:20px; padding:0
表示具有這個樣式的元素的高度為100畫素,裡面的文字行高為20畫素(換句話說就是可以排5行文字),內邊距為0(如果不為0則元素的高度會被撐大)。
補充說明一下:如果乙個元素的height和line-height相同,意味著這行文字在元素中垂直居中(但僅限文字,且只能一行)。
17樓:01走不完的長巷
塊內布局規則
塊內height為auto時,高度為塊內行框累加高和其內普通流塊高之和
塊內height為非auto時,塊高為 height 指定高度
塊內行框布局(行內布局)規則
每乙個行內元素會產生乙個行內框;
行內框會在行框內橫向排列;
'line-height' 特性值指定了每個行內非替換元素生成的行內框的 確切 高度;行內替換元素的高度由 'height' 特性值決定;
文字在行內框中垂直排列,上下空隙用半差異填補;如果字型大小大於行內框則文字從上下方向上溢位行內框,並可能滲入到其他行框內(行框是永遠不會重疊的);
'vertical-align' 特性值指定了每個行內框的垂直對齊方式;
行框的頂邊界是這一系列垂直對齊的行內框最高的頂邊框,底邊界是最低的底邊框。
行框的高度是頂邊界到底邊界的距離。
所以 line-height 是決定行框高度的因素之一
而 height 只是決定包含塊高度
是什麼意思?是什麼意思??
是乙個網路流行詞,讀作sh w ng,音同 失望 是失望的暗語。詞語 是非主流火星文,為 失望 二字的同音仿寫。引申含義 同 失望 意思是感到沒有希望,失去信心 希望落了空 因為希望未實現而不愉快。古同 世 說文解字 三十為 世 是乙個漢字詞語,意思是同 網 同 失望 失望 是乙個漢語詞語,拼音是s...
是什麼意思,這是什麼意思
是乙個數學符號,意思是垂直。垂直,是指一條線與另一條線成直角,這兩條直線互相垂直。通常用符號 表示。設有兩個向量a和b,a b的充要條件是a b 0,即 x1x2 y1y2 0 對於立體幾何中的垂直問題,主要涉及到線面垂直問題與麵麵垂直問題,而要解決相關的問題,其難點是線面垂直的定義及其對判定定理成...
問是什麼意思,是什麼意思?
何 平假名 羅馬音 nannda 釋義及例句 1.什麼。何 這究竟是怎麼回事啊?何 何 究竟是怎麼一回事,一點也摸不著頭腦。2.什麼,那個。直接言 適當 言 方 見 場合 代 用 語。何 肩 如果有什麼的話,可以轉到我名下 由我來代替 言 何 君 這麼說雖有點那個 不太好 我看你是怎麼也辦不到的。自...