CSS文字行距設(shè)置方法
在CSS中,可以使用line-height
屬性來設(shè)置文字的行距。line-height
屬性定義了每行文字之間的***小距離,即行距。
如果你想設(shè)置一段文字的行距為1.5倍,你可以這樣寫:
p { line-height: 1.5; }
這段CSS代碼表示,所有<p>
元素的文字行距都設(shè)置為1.5倍,你也可以將p
替換成其他HTML元素,比如div
、h1
等,來設(shè)置不同元素的文字行距。
如果你想設(shè)置具體的像素值作為行距,可以使用px
單位,如果你想設(shè)置一段文字的行距為20像素,你可以這樣寫:
p { line-height: 20px; }
這段CSS代碼表示,所有<p>
元素的文字行距都設(shè)置為20像素。
line-height
屬性只影響塊級(jí)元素(如<div>
、<p>
、<h1>
等)中的文字行距,對(duì)于內(nèi)聯(lián)元素(如<span>
、<a>
等),該屬性無效。
如果你使用的是CSS框架(如Bootstrap、Foundation等),這些框架通常會(huì)提供自己的類來設(shè)置文字行距,你可以查閱相關(guān)文檔來了解如何使用。