Comment définir l'espacement des paragraphes en HTML-tutoriel HTML-php.cn

Comment définir l'espacement des paragraphes en HTML

青灯夜游

Libérer： 2023-01-06 11:13:17

original

12056 Les gens l'ont consulté

Comment définir l'espacement des paragraphes en HTML : 1. Utilisez l'attribut line-height pour définir l'espacement des paragraphes d'une seule ligne de texte, avec la syntaxe "line-height: value;". 2. Utilisez l'attribut margin pour définir l'espacement des paragraphes du texte multiligne. La syntaxe est « marge : valeur d'espacement ; ».

Comment définir l'espacement des paragraphes en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

1. Utilisez l'attribut line-height : line-height

L'attribut line-height peut définir la distance entre les paragraphes. Généralement, plus la valeur est grande, plus la distance entre les paragraphes est grande. plus la distance entre les paragraphes est grande. Plus l'espacement est grand, bien sûr, la distance entre les mots devient également plus grande. Dans de nombreux cas, nous n'utilisons généralement pas l'attribut line-height pour le définir.

<!DOCTYPE html>
<html>

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

		</style>
	</head>

	<body>
		<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
		<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
	</body>

</html>

Copier après la connexion

Rendu :

Comment définir lespacement des paragraphes en HTML

2. Utiliser l'attribut margin : margin

Tant que nous En définissant les marges supérieure, inférieure, gauche et droite ainsi que la distance entre les objets, vous pouvez obtenir la distance entre les paragraphes supérieur et inférieur.

<!DOCTYPE html>
<html>

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

		</style>
	</head>

	<body>
		<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
		<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
	</body>

</html>

Copier après la connexion

Comment définir lespacement des paragraphes en HTML