Maison > Article > interface Web > Comment définir l'espacement des paragraphes en HTML

Comment définir l'espacement des paragraphes en HTML

青灯夜游original: 2021-05-14 16:06:4411949parcourir

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 ; ».

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>

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>

Comment définir lespacement des paragraphes en HTML

Tutoriel recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 css3 html 对象外边距 margin

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment interdire le zoom de page en HTMLArticle suivant：Comment interdire le zoom de page en HTML

Articles Liés

Voir plus