溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css調(diào)整行距的方法

發(fā)布時間：2021-02-25 09:43:07 來源：億速云 閱讀：152 作者：清風(fēng) 欄目：web開發(fā)

這篇“css調(diào)整行距的方法”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“css調(diào)整行距的方法”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設(shè)計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。

css調(diào)整行距的方法：可以利用line-height屬性來調(diào)整行距，如【p.big {line-height:200%;}】，表示將元素行距調(diào)整為基于當前字體尺寸的百分之兩百。

屬性簡介：

line-height屬性用來設(shè)置以百分比計的行高。

屬性值：

  • normal    默認。設(shè)置合理的行間距。

  • number    設(shè)置數(shù)字，此數(shù)字會與當前的字體尺寸相乘來設(shè)置行間距。

  • length    設(shè)置固定的行間距。

  • %    基于當前字體尺寸的百分比行間距。

  • inherit    規(guī)定應(yīng)該從父元素繼承 line-height 屬性的值。

舉例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>億速云</title> 
<style>
p.small {line-height:70%;}
p.big {line-height:200%;}
</style>
</head>

<body>
<p>
這是一個標準行高的段落。<br>
這是一個標準行高的段落。<br>
大多數(shù)瀏覽器的默認行高約為110%至120%。<br>
</p>

<p class="small">
這是一個更小行高的段落。<br>
這是一個更小行高的段落。<br>
這是一個更小行高的段落。<br>
這是一個更小行高的段落。<br>
</p>

<p class="big">
這是一個更大行高的段落。<br>
這是一個更大行高的段落。<br>
這是一個更大行高的段落。<br>
這是一個更大行高的段落。<br>
</p>

</body>
</html>

運行結(jié)果：

css調(diào)整行距的方法

以上是“css調(diào)整行距的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手