Maison >interface Web >tutoriel CSS >Quelles sont les valeurs d'attribut de l'attribut float en CSS
Quelles sont les valeurs d'attribut de l'attribut float en CSS
- 青灯夜游original
- 2021-02-23 15:41:0315812parcourir
En CSS, l'attribut float est utilisé pour définir la direction dans laquelle l'élément flotte. Les valeurs d'attribut qui peuvent être définies sont : 1. "left", qui définit l'élément qui flotte vers la gauche. ; 2. "right", qui définit l'élément flottant vers la droite ; 3. "none", qui définit que l'élément ne flottera pas et sera affiché là où il apparaît dans le texte ;
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
L'attribut float en CSS est un attribut fréquemment utilisé. Pour les débutants, s'ils ne comprennent pas la signification et les caractéristiques de float, il est facile de se perdre en l'utilisant. déterminer le statut.
attribut float
float, comme son nom l'indique, floats Les éléments avec l'attribut float flotteront vers la gauche ou la droite selon la valeur de l'attribut que nous appelons. il est défini avec l'attribut float. L'élément est un élément flottant. Une fois que l'élément
utilise l'attribut float, l'élément peut être séparé du flux standard lui-même et flotter au-dessus des autres éléments, de sorte qu'il n'occupe plus l'espace appartenant à l'origine à l'élément. Cela provoquera les éléments suivants. pour monter et fusionner. Prend l'espace qui appartenait à l'origine à l'élément.
Valeur de l'attribut
gauche : L'élément flotte vers la gauche.
droite : L'élément flotte vers la droite.
aucun : valeur par défaut. L'élément n'est pas flottant et apparaît là où il apparaît dans le texte.
inherit : Spécifie que la valeur de l'attribut float doit être héritée de l'élément parent.
[Tutoriel recommandé : Tutoriel vidéo CSS ]
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css float属性</title>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img src="img/1.jpg" style="max-width:90%" style="max-width:90%" / alt="Quelles sont les valeurs d'attribut de l'attribut float en CSS" >
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>Rendu :
Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !
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!