Maison > interface Web > tutoriel CSS > Comment définir la hauteur maximale en CSS

Comment définir la hauteur maximale en CSS

王林
Libérer: 2023-01-06 11:13:17
original
6000 Les gens l'ont consulté

La façon de définir la hauteur maximale en CSS consiste à utiliser l'attribut max-height, tel que [max-height:50px;], ce qui signifie définir la hauteur maximale à 50px.

Comment définir la hauteur maximale en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

L'attribut max-height en CSS peut définir la hauteur maximale d'un élément.

Valeur de l'attribut :

  • aucune Par défaut. La définition n'impose aucune limite sur la hauteur maximale autorisée pour un élément.

  • length définit la valeur de hauteur maximale de l'élément.

  • % définit la hauteur maximale en pourcentage de l'objet au niveau du bloc qui la contient.

  • inherit spécifie que la valeur de l'attribut max-height doit être héritée de l'élément parent.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
p
{
	max-height:50px;
	background-color:yellow;
}
</style>
</head>

<body>
<p>这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。</p>
</body>
</html>
Copier après la connexion

Recommandations associées : Tutoriel vidéo CSS

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal