css line-height屬性怎么用

發(fā)布時(shí)間：2022-05-12 11:20:55 來(lái)源：億速云閱讀：144 作者：iii 欄目：編程語(yǔ)言

這篇“css line-height屬性怎么用”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“css line-height屬性怎么用”文章吧。

概念

1、css line-height屬性會(huì)影響行框的布局，用于設(shè)定行與行之間的距離(行高)，不允許使用負(fù)值。

2、當(dāng)應(yīng)用于塊級(jí)元素時(shí)，它定義了基線之間的最小距離，而非距離。

line-height和font-size的計(jì)算值之差(在CSS中成為行間距)分為兩半，分別增加到文本行內(nèi)容的頂部和底部。包含這些內(nèi)容的最小框是行框。

cssline-height屬性值

normal:設(shè)置合理的行距和默認(rèn)值。

number:設(shè)置數(shù)字，這個(gè)數(shù)字會(huì)乘以當(dāng)前字體大小來(lái)設(shè)置行距。

length:設(shè)置固定行距。

%:基于當(dāng)前字體大小的百分比行距。

inherit：規(guī)定line-height屬性值應(yīng)由父元素繼承。

注意：所有瀏覽器都支持line-height屬性。

實(shí)例

<html>
<head>
    <title>
        行間距
    </title>
    <style type="text/css">
        p.one {
            font-size: 10pt;
            line-height: 8pt;
        }
 
        p.second { font-size: 18px; }
 
        p.third { font-size: 10px; }
 
        p.second, p.third { line-height: 1.5em; }
    </style>
</head>
 
<body>
<p>9月23日是“秋分”，我國(guó)古籍《春秋繁露、陰陽(yáng)出入上下篇》中說(shuō)：“秋分者，陰陽(yáng)相半也，故晝夜均而寒暑平?！薄扒锓帧钡囊馑加卸阂皇翘?yáng)在這時(shí)到達(dá)黃徑180.一天24小時(shí)晝夜均分，各12小時(shí)；二是按我國(guó)古代以立春、立夏、立秋、立冬為四季開始的季節(jié)劃分法，秋分日居秋季90天之中，平分了秋季。</p>
<p>秋分時(shí)節(jié)，我國(guó)常見流域及其以北的廣大地區(qū)，均夏侯進(jìn)入了秋季，日平均氣溫都降到了22℃以下。北方冷氣團(tuán)開始具有一定的勢(shì)力，大部分地區(qū)雨季剛剛結(jié)束，涼風(fēng)習(xí)習(xí)，碧空萬(wàn)里，風(fēng)和日麗，秋高氣爽，丹桂飄香，蟹肥橘黃，秋分是美好宜人的時(shí)節(jié)。</p>
<p>秋季降溫快的特點(diǎn)，使得秋收、秋耕、秋種的“三秋”大忙顯得格外緊張。秋分棉花吐絮，煙葉也由綠變黃，正是收獲的大好時(shí)機(jī)。華北地區(qū)已開始播種冬麥，長(zhǎng)江流域及南部廣大地區(qū)正忙著晚稻的收割，搶晴耕翻土地，準(zhǔn)備油菜播種。</p>
</body>
</html>

以上就是關(guān)于“css line-height屬性怎么用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

css line-height屬性怎么用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽