CSS中如何設(shè)置行間距-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)CSS中如何設(shè)置行間距，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司歡迎咨詢：028-86922220，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)公司網(wǎng)頁制作領(lǐng)域十余年，包括成都混凝土泵車等多個行業(yè)擁有豐富的營銷推廣經(jīng)驗，選擇創(chuàng)新互聯(lián)公司，為網(wǎng)站錦上添花。

瀏覽器計算和分配行間距的方法

間距 ="line-height" – "font-size";
文本上下分配大小 = 間距/2;
字號 = 12px; line-height:3;
間距 = 3*12 – 12 = 24(px);
文本上下分配大小 = 24/2 = 12(px)

邏輯上如此無懈可擊~ o.0

小知識點(濟寧網(wǎng)站建設(shè)認為, 應(yīng)該這樣)

"line-height的值, 推薦使用數(shù)字而非帶有單位的值, 如, 推薦使用line-height:2; 不推薦使用line-height:24px;" 原因在于,line-height:24px;是一個固定的值, 對于任何大小的文本, 都采用這個值來計算行間距。若文本的字號過大, 會出現(xiàn)重疊的問題. 不帶單位的值表示倍數(shù). 自然避免了該問題。

看下邊的例子

代碼如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
div{
font-size:30px;
font-family:Consolas,Microsoft Yahei,SimSun;
margin:10px 10px 0px 10px;
padding:10px;
}
#demo_1{
background:#EEE;
border:solid 1px #CCC;
line-height:12px;
}
#demo_2{
background:#333;
border:solid 1px #000;
line-height:2;color:#FFF;
}
</style>
<title>Line-heighg demo</title>
</head>
<body>
<div id="demo_1">
line-height:24px;

line-height:24px;
</div>
<div id="demo_2">
line-height:2;

line-height:2;
</div>
</body>
</html>

看完上述內(nèi)容，你們對CSS中如何設(shè)置行間距有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

當(dāng)前標(biāo)題：CSS中如何設(shè)置行間距-創(chuàng)新互聯(lián)
文章分享：http://chinadenli.net/article26/dggdcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、面包屑導(dǎo)航、用戶體驗、網(wǎng)站營銷、自適應(yīng)網(wǎng)站、Google

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS中如何設(shè)置行間距-創(chuàng)新互聯(lián)