css怎么設置行距?


在網頁的布局中幾大段文字擠在一起總歸是不好看的,這時候我們就需要來設置行間距來讓文字看起來不擁擠,也讓整個頁面看起來美觀整潔,那么,行間距該如何設置呢?本篇文章就來給大家介紹一下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 中成為“行間距”)分為兩半,分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。

原始數字值指定了一個縮放因子,后代元素會繼承這個縮放因子而不是計算值。

vi設計http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM