Sélectionner une page



Le CSS float La propriété indique comment un élément doit flotter.

Le CSS clear La propriété indique quels éléments peuvent flotter à côté de l’élément supprimé et de quel côté.


La propriété float

le float La propriété est utilisée pour le positionnement et la mise en forme du contenu, par ex. B. pour laisser une image flotter dans un conteneur à gauche du texte.

le float La propriété peut avoir l’une des valeurs suivantes:

  • left – L’élément plane à gauche de son conteneur
  • right – L’élément plane à droite de son conteneur
  • none – L’élément ne flotte pas (s’affiche exactement là où il apparaît dans le texte). Ce sont les paramètres par défauts
  • inherit – L’élément hérite de la valeur en virgule flottante de son parent

Dans sa plus simple utilisation est le float La fonctionnalité peut être utilisée pour envelopper du texte autour des images.


Exemple – float: right;

L’exemple suivant indique qu’une image doit être déplacée dans l’image correct dans un texte:

ananasLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, il n’y en a pas et on l’a parfois dit, nisi lorem egestas odio, tincidunt, mi enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, la masse de l’auteur de la vie. Deuil clinique qui fait de la propagande et des bananes. Avant le plus grand réservé, les antioxydants du football, mais pour le football, boîte en carton dans le matériel. Convallis peut parfois présenter un pétrolier Dolor au Bureau. Maintenant seulement avec des flèches, mais un football très ullamcorper et …


Exemple – float: left;

L’exemple suivant indique qu’une image doit être déplacée dans l’image La gauche dans un texte:

ananasLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, il n’y en a pas et on l’a parfois dit, nisi lorem egestas odio, tincidunt, mi enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, la masse de l’auteur de la vie. Deuil clinique qui fait de la propagande et des bananes. Avant le plus grand réservé, les antioxydants du football, mais pour le football, boîte en carton dans le matériel. Convallis peut parfois présenter un pétrolier Dolor au Bureau. Maintenant seulement avec des flèches, mais un football très ullamcorper et …


Exemple – pas un nageur

Dans l’exemple suivant, l’image est affichée exactement là où elle apparaît dans le texte (float: none;):

ananasLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, il n’y en a pas et on l’a parfois dit, nisi lorem egestas odio, tincidunt, mi enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, la masse de l’auteur de la vie. Deuil clinique qui fait de la propagande et des bananes. Avant le plus grand réservé, les antioxydants du football, mais pour le football, boîte en carton dans le matériel. Convallis peut parfois présenter un pétrolier Dolor au Bureau. Maintenant seulement avec des flèches, mais un football très ullamcorper et …


Exemple – flottant côte à côte

Les éléments div sont généralement affichés les uns sur les autres. Cependant, si nous utilisons float: left on peut faire flotter les éléments les uns à côté des autres:

Exemple

div {
float: gauche;
Rembourrage: 15px;
}}

{.div1
Fond: rouge;
}}

.div2 {
Fond: jaune;
}}

.div3 {
Fond: vert;
}}

Essayez-le vous-même « 



Source link

Recent Posts