欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

html如何設置p標簽行間距

這篇文章將為大家詳細講解有關html如何設置p標簽行間距，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

我們提供的服務有：成都網(wǎng)站設計、網(wǎng)站建設、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、天全ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的天全網(wǎng)站制作公司

html設置p標簽行間距的方法是，給段落文字添加line-height屬性，并且設置合理的行間距數(shù)值即可，例如【p.small {line-height:70%;}】，表示設置行間距為當前字體的百分之70。

本文操作環(huán)境：windows10系統(tǒng)、html 5、thinkpad t480電腦。

我們要設置p標簽的行間距其實是非常簡單的，因為在css中有一個現(xiàn)成的屬性line-height，這是由于該屬性才讓行間距的設置如此簡單。可能很多同學不太清楚該屬性，下面就讓我們來一起看看該屬性吧。

line-height屬性是用來設置以百分比計的行高的。

該屬性的常用屬性值有如下幾種：

  • normal    默認。設置合理的行間距。

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

  • length    設置固定的行間距。

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

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

下面我們來一起看看代碼示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>創(chuàng)新互聯(lián)(www.php.cn)</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>

運行效果如下圖所示：

html如何設置p標簽行間距

關于“html如何設置p標簽行間距”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

名稱欄目：html如何設置p標簽行間距
本文路徑：http://chinadenli.net/article2/gddooc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設計公司、服務器托管、Google、用戶體驗、外貿建站、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設