Quelles sont les valeurs d'attribut de l'attribut float en CSS-tutoriel CSS-php.cn

Quelles sont les valeurs d'attribut de l'attribut float en CSS

青灯夜游

Libérer： 2023-01-03 09:24:43

original

15810 Les gens l'ont consulté

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 ;

Quelles sont les valeurs d'attribut de l'attribut float en CSS

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>

Copier après la connexion

Rendu :

Quelles sont les valeurs dattribut de lattribut float en CSS