Comment implémenter CSS pour déplacer les blocs vers la droite-tutoriel CSS-php.cn

Comment implémenter CSS pour déplacer les blocs vers la droite

王林

Libérer： 2020-12-02 17:35:05

original

5179 Les gens l'ont consulté

Comment implémenter le bloc CSS à droite : cela peut être réalisé via l'attribut float, tel que [float:right;], ce qui signifie que l'élément flotte vers la droite. L'attribut float est utilisé pour définir la direction dans laquelle l'élément flotte à gauche signifie que l'élément flotte vers la gauche, et right signifie que l'élément flotte vers la droite.

Comment implémenter CSS pour déplacer les blocs vers la droite

Environnement de cet article :

windows10, css3
Cet article est applicable Pour toutes les marques d'ordinateurs

Éléments associés :

L'attribut float définit dans quelle direction l'élément flotte. Historiquement, cette propriété a toujours été appliquée aux images, provoquant l'enroulement du texte autour de l'image, mais en CSS, n'importe quel élément peut flotter. Un élément flottant crée une boîte au niveau du bloc, quel que soit le type d'élément dont il s'agit.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Valeur de l'attribut :

left 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.

Implémentation du code :

<html>
<head>
<style type="text/css">
img 
{
float:right
}
</style>
</head>

<body>
<p>在下面的段落中，我们添加了一个样式为 <b>float:right</b> 的图像。结果是这个图像会浮动到段落的右侧。</p>
<p>
<img  src="/i/eg_cute.gif" / alt="Comment implémenter CSS pour déplacer les blocs vers la droite" >
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</body>

</html>

Copier après la connexion

Effet de l'implémentation :

Comment implémenter CSS pour déplacer les blocs vers la droite