html如何設(shè)置行距

這篇文章將為大家詳細(xì)講解有關(guān)html如何設(shè)置行距，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)藍(lán)田免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

html中，可以通過style屬性，給段落元素添加“l(fā)ine-height:間距值;”樣式來設(shè)置行距，例“<p style="line-height:2em;"></p>”。line-height屬性用于設(shè)置行間的距離，值越大，行距就越高。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html設(shè)置行距

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
	</head>

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

		<p style="line-height: 10px;">
			這是一個更小行高的段落。<br> 
			這是一個更小行高的段落。<br> 
			這是一個更小行高的段落。<br> 
			這是一個更小行高的段落。<br>
		</p>

		<p style="line-height: 2em;">
			這是一個更大行高的段落。<br> 
			這是一個更大行高的段落。 <br> 
			這是一個更大行高的段落。<br> 
			這是一個更大行高的段落。<br>
		</p>
	</body>

</html>

效果圖：

html如何設(shè)置行距

說明：

line-height屬性用于設(shè)置行使用的空間量，即行間的距離。

注：line-height屬性不允許使用負(fù)值。
該屬性會影響行框的布局。在應(yīng)用到一個塊級元素時，它定義了該元素中基線之間的最小距離而不是最大距離。

屬性值：

normal 默認(rèn)。設(shè)置合理的行間距。
number 設(shè)置數(shù)字，此數(shù)字會與當(dāng)前的字體尺寸相乘來設(shè)置行間距。
length 設(shè)置固定的行間距。
% 基于當(dāng)前字體尺寸的百分比行間距。

可以看出，Line-height的值設(shè)置為具體的數(shù)字值，可以是相對數(shù)值，也可以設(shè)置為絕對數(shù)值，在靜態(tài)頁面中，文字大小固定時常常使用絕對數(shù)值，而對于論壇和博客這些用戶可以自定義字體大小的頁面，通常設(shè)置為相對數(shù)值，從而，可以隨著用戶自定義的字體大小改變相應(yīng)的行間距。

html有什么特點

1、簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴(kuò)展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。 3、平臺無關(guān)性：超級文本標(biāo)記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

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

分享文章：html如何設(shè)置行距
瀏覽地址：http://jinyejixie.com/article34/gdpsse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、網(wǎng)站營銷、商城網(wǎng)站、全網(wǎng)營銷推廣、建站公司

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

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

html如何設(shè)置行距

html有什么特點