Quel attribut définit la hauteur de la boîte en CSS3-Questions et réponses frontales-php.cn

Quel attribut définit la hauteur de la boîte en CSS3

青灯夜游

Libérer： 2022-03-15 14:03:41

original

3277 Les gens l'ont consulté

Attributs CSS3 qui définissent la hauteur de la boîte : 1. attribut height, qui peut définir la hauteur de la boîte de l'élément ; 2. attribut max-height, qui peut définir la hauteur maximale de la boîte de l'élément ; 3. min-height ; attribut, qui peut définir la hauteur minimale de la boîte de l'élément.

Quel attribut définit la hauteur de la boîte en CSS3

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

Disposition de la boîte

Considérez un élément en HTML comme une boîte rectangulaire (un conteneur pour le contenu). Chaque conteneur est composé d'un contenu d'élément, d'un remplissage, d'une bordure et de marges.

Quel attribut définit la hauteur de la boîte en CSS3

Les attributs qui définissent la hauteur de la boîte en css3 :

attribut height
attribut max-height
attribut min-height

attribut hauteur

l'attribut hauteur peut définir la hauteur de la boîte d'éléments

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p{
	background-color: #FFC0CB;
}
p.ex
{
	height:100px;
	width:100px;
}
</style>
</head>

<body>
<p class="ex">这个段落的高和宽是 100px.</p>
<p>这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本.</p>
</body>
</html>

Copier après la connexion

Quel attribut définit la hauteur de la boîte en CSS3

attribut max-height

l'attribut max-height peut définir la hauteur maximale de la boîte d'éléments

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<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。</p>
	</body>
</html>

Copier après la connexion

Quel attribut définit la hauteur de la boîte en CSS3

min- attribut height

min- L'attribut height peut définir la hauteur minimale de la boîte d'éléments

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

	<body>
		<p>这段的最小高度设置为100 px。</p>
	</body>
</html>

Copier après la connexion

Quel attribut définit la hauteur de la boîte en CSS3