設置方法:1、使用letter-spacing屬性設置字間距,語法“letter-spacing:像素大小”;2、使用line-height屬性設置行間距,語法“line-height:像素大小”。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
1、css設置字間距:
使用letter-spacing屬性設置字間距。
letter-spacing 屬性增加或減少字符間的空白(字符間距)。
該屬性定義了在文本字符框之間插入多少空間。由于字符字形通常比其字符框要窄,指定長度值時,會調整字母之間通常的間隔。因此,normal 就相當于值為 0。
注釋:允許使用負值,這會讓字母之間擠得更緊。
屬性值:
normal 默認。規定字符間沒有額外的空間。
length 定義字符間的固定空間(允許使用負值)。
inherit 規定應該從父元素繼承 letter-spacing 屬性的值。
示例:
<html><head><styletype="text/css">p.p1{letter-spacing:-0.5em}p.p2{letter-spacing:20px}</style></head><body><pclass="p1">我的公主殿下</p><pclass="p2">臣來遲了</p></body></html>效果:
2、css設置行間距
我們可以使用line-height屬性設置行間的距離(行高)。
注:不允許使用負值。
說明
該屬性會影響行框的布局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。
line-height 與 font-size 的計算值之差(在 CSS 中成為“行間距”)分為兩半,分別加到一個文本行內容的頂部和底部?？梢园@些內容的最小框就是行框。
原始數字值指定了一個縮放因子,后代元素會繼承這個縮放因子而不是計算值。
屬性值:
normal默認。設置合理的行間距。
number設置數字,此數字會與當前的字體尺寸相乘來設置行間距。
length設置固定的行間距。%基于當前字體尺寸的百分比行間距。
inherit規定應該從父元素繼承
line-height 屬性的值。
實例:
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">span{font-size:20px;line-height:2em;}</style></head><body><span>桃之夭夭,灼灼其華。之子于歸,宜其室家。<br>桃之夭夭,有蕡其實。之子于歸,宜其家室。<br>桃之夭夭,其葉蓁蓁。之子于歸,宜其家人。</span></body></html>效果:
感謝各位的閱讀,以上就是“css怎么設置間距”的內容了,經過本文的學習后,相信大家對css怎么設置間距這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是本站,小編將為大家推送更多相關知識點的文章,歡迎關注!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
花旗銀行貸款流程是怎樣的?1.填寫相關的貸款申請表，如果大家準備申請花旗銀行的信用貸款，首先大家需要到花旗銀行的線下營業點，填寫相關的貸款信息單，需要填寫的內容包括自己的手機號碼、身份證號碼等內容，不得填寫虛假內容。2.準備貸款資料，當大家提交了填寫的貸款申請表之后，就需要準備相關的貸款申請資料，包括，個人貸款申請書、中國居民身份證、居住證明這些基本材料。還包括自己的收入證明、銀行流水等材料。3....
美元印鈔將會對世界經濟產生以下的影響：1、美元印鈔將導致熱錢從美國流入國際商品市場和亞洲新興市場，股市出現泡沫情況。2、熱錢的流入推高商品價格，繼而推動這些國家經濟通脹趨勢。除此之外，美元印鈔將會導致美元貶值，其他國家的貨幣相對來說升值，從而也會產生以下影響：美元貶值對進出口所產生的影響。美元貶值將會增加美國的出口，減少進口;同時，在一定程度上會增加中國對美國的進口，而出口將會減少。對就業的影響。...
(資料圖片)有關于齊國的歷史方面的知識，小編在此整里出來，給大家作為參考，下面就詳細的介紹一下關于齊國的歷史的相關內容。公元前656年，齊合諸侯之師侵蔡伐楚，與楚盟于召陵。此后，齊多次大會諸侯。公元前651年，齊會魯、宋、衛、鄭、許、曹于葵丘。齊霸業達于頂峰。春秋末年，齊衰落，卿大夫相互兼并。公元前548年，崔抒殺莊公，立景公。公元前546年，慶封滅崔氏公元前314年，在孟軻勸說下，宣王命匡章率“...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）