您好,登錄后才能下訂單哦!
這篇“css line-height屬性怎么用”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“css line-height屬性怎么用”文章吧。
概念
1、css line-height屬性會影響行框的布局,用于設定行與行之間的距離(行高),不允許使用負值。
2、當應用于塊級元素時,它定義了基線之間的最小距離,而非距離。
line-height和font-size的計算值之差(在CSS中成為行間距)分為兩半,分別增加到文本行內容的頂部和底部。包含這些內容的最小框是行框。
cssline-height屬性值
normal:設置合理的行距和默認值。
number:設置數字,這個數字會乘以當前字體大小來設置行距。
length:設置固定行距。
%:基于當前字體大小的百分比行距。
inherit:規定line-height屬性值應由父元素繼承。
注意:所有瀏覽器都支持line-height屬性。
實例
<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日是“秋分”,我國古籍《春秋繁露、陰陽出入上下篇》中說:“秋分者,陰陽相半也,故晝夜均而寒暑平。”“秋分”的意思有二:一是太陽在這時到達黃徑180.一天24小時晝夜均分,各12小時;二是按我國古代以立春、立夏、立秋、立冬為四季開始的季節劃分法,秋分日居秋季90天之中,平分了秋季。</p> <p>秋分時節,我國常見流域及其以北的廣大地區,均夏侯進入了秋季,日平均氣溫都降到了22℃以下。北方冷氣團開始具有一定的勢力,大部分地區雨季剛剛結束,涼風習習,碧空萬里,風和日麗,秋高氣爽,丹桂飄香,蟹肥橘黃,秋分是美好宜人的時節。</p> <p>秋季降溫快的特點,使得秋收、秋耕、秋種的“三秋”大忙顯得格外緊張。秋分棉花吐絮,煙葉也由綠變黃,正是收獲的大好時機。華北地區已開始播種冬麥,長江流域及南部廣大地區正忙著晚稻的收割,搶晴耕翻土地,準備油菜播種。</p> </body> </html>
以上就是關于“css line-height屬性怎么用”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。