Maison > Article > interface Web > Que signifie clair en HTML ?
Que signifie clair en HTML ?
- 醉折花枝作酒筹original
- 2021-06-07 14:49:447319parcourir
En HTML, clear signifie clear. Il vous suffit de définir la « clear : valeur d'attribut » pour l'élément flottant. L'attribut clear définit quels côtés de l'élément ne sont pas autorisés à avoir des éléments flottants. Un espace libre est ajouté au-dessus des marges de l'élément, sans modifier les marges elles-mêmes.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
La fonction de clear en CSS est d'effacer l'effet flottant des éléments.
En CSS1 et CSS2, cela a été accompli en ajoutant automatiquement une marge supérieure aux éléments clairs (c'est-à-dire les éléments avec l'attribut clear défini). En CSS2.1, un espace libre est ajouté au-dessus de la marge supérieure de l'élément, mais la marge elle-même ne change pas.
Quelle que soit la modification apportée, le résultat final est le même. S'il est déclaré clair à gauche ou à droite, la bordure extérieure supérieure de l'élément sera juste en dessous de la marge inférieure de l'élément flottant dessus. côté.
valeur d'attribut clear :
left Les éléments flottants ne sont pas autorisés sur le côté gauche.
right n'autorise pas les éléments flottants sur le côté droit.
Les deux n'autorisent pas les éléments flottants sur le côté gauche ou droit.
aucun Valeur par défaut. Permet aux éléments flottants d'apparaître des deux côtés.
inherit spécifie que la valeur de l'attribut clear doit être héritée de l'élément parent.
Exemple :
<html>
<head>
<style type="text/css">
div {
float: left;
margin: 20px;
}
.three{
clear: both;
}
</style>
</head>
<body>
<div>
<img src="images/1.jpg" / alt="Que signifie clair en HTML ?" >
</div>
<div>
<img src="images/2.jpg" / alt="Que signifie clair en HTML ?" >
</div>
<div class="three">
<img src="images/3.jpg" / alt="Que signifie clair en HTML ?" >
</div>
</body>
</html>Effet :
Apprentissage 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!