App下載

CSS如何設(shè)置行間距？

猿友 2021-03-19 10:19:43 瀏覽數(shù) (7249)
反饋

開發(fā)網(wǎng)頁中，遇到段落行間距過于緊湊，影響頁面美觀，這時就需要用 CSS 去設(shè)置它的行間距。那么這篇文章，W3Cschool 小編就教你 CSS 如何設(shè)置行間距。

line-height：設(shè)置行間距。

實(shí)現(xiàn)效果：

15

具體代碼：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>字符間距 - 編程獅(w3cschool.cn)</title>
	<style type="text/css">
		div{height: 200px;
			width: 300px;}
		#one{line-height: 30px;}
		#two{line-height: 10px;}
	</style>
</head>
<body>
	<div>
		<p id="normal">這是用來測試正常的行間距，它以正常的行間距顯示。</p>
		<p id="one">這是用來測試增加的行間距，它以增加的行間距顯示。</p>
		<p id="two">這是用來測試減少的行間距，它以減少的行間距顯示。</p>
	</div>
</body>
</html>

以上就是 CSS 如何設(shè)置行間距的全部內(nèi)容。

CSS

0 人點(diǎn)贊