溫馨提示×

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

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

如何在html中設(shè)置段距

發(fā)布時(shí)間：2021-05-14 16:28:04 來(lái)源：億速云 閱讀：390 作者：Leah 欄目：web開(kāi)發(fā)

如何在html中設(shè)置段距？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

1、使用行高屬性：line-height

line-height屬性可以對(duì)設(shè)置段落之間的距離，一般數(shù)值越大，段落之間的間距就越大，當(dāng)然字和字的距離也是變大，很多時(shí)候，我們一般不會(huì)使用line-height屬性來(lái)設(shè)置。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			p {
				line-height: 50px;
			}

		</style>
	</head>

	<body>
		<p>測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本</p>
		<p>測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本</p>
	</body>

</html>

效果圖：

如何在html中設(shè)置段距

2、使用外邊距屬性：margin

只要我們?cè)O(shè)置margin的上下左右邊距和對(duì)象之間的距離，就可以實(shí)現(xiàn)上下段落之間的距離。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			p {
				margin: 50px;
			}

		</style>
	</head>

	<body>
		<p>測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本</p>
		<p>測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本，測(cè)試文本</p>
	</body>

</html>

如何在html中設(shè)置段距

html是什么

html的全稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫(huà)、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。

看完上述內(nèi)容，你們掌握如何在html中設(shè)置段距的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

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

AI
助
手