在網頁的布局中幾大段文字擠在一起總歸是不好看的,這時候我們就需要來設置行間距來讓文字看起來不擁擠,也讓整個頁面看起來美觀整潔,那么,行間距該如何設置呢?本篇文章就來給大家介紹一下css行間距的設置方法。
html 行間距的設置方法與問題
設定一段文字內的行距:
<p>
但我們怎么設定兩段文字之間的行距呢? 即
< p >一段文字</ p > < p >第二段文字</ p >
之間的行距怎么設定呢?我可以設成單倍間距嗎?
另外,line-height:100%是不是就是我們在Word中的單倍行距
段與段距:
< p style = "margin:20px" >一段文字</ p > < p style = "margin:20px" >第二段文字</ p >
也可以這樣寫
<font>文字內容</font>
如果設置為1就是單倍行距了,2就是雙倍行距。
或
<font>文字內容</font>
設置為100%就是單倍行距。
用<br></br>就可以空一行了
line-height 屬性
line-height 屬性設置行間的距離(行高)。
注釋:不允許使用負值。
說明
該屬性會影響行框的布局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。
line-height 與 font-size 的計算值之差(在 css 中成為“行間距”)分為兩半,分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。
原始數字值指定了一個縮放因子,后代元素會繼承這個縮放因子而不是計算值。