Maison  >  Article  >  interface Web  >  Comment utiliser l'attribut CSS Column-Fill

Comment utiliser l'attribut CSS Column-Fill

silencement
silencementoriginal
2019-05-28 09:21:172728parcourir

Comment utiliser l'attribut CSS Column-Fill

Définition et utilisation de l'attribut CSS column-gap

En CSS, l'attribut column-gap est généralement séparé des colonnes, du nombre de colonnes, etc. Les propriétés sont utilisées ensemble pour définir la distance entre les colonnes une fois le contenu de l'élément divisé en colonnes (disposition multi-colonnes)

format de syntaxe d'attribut CSS column-gap

css Syntaxe : column-gap : length / normal ; (Exemple : column-gap:36px;)

Syntaxe JavaScript : object.style.columnGap="40px"

css description de la valeur de l'attribut column- gap

longueur : l'espacement entre les colonnes personnalisées

normal : l'écart normal entre les colonnes

Instance

la propriété CSS3 column-gap définit la distance entre les colonnes Notes

body{background : #ddd;}div{width : 400px;border:1px bleuviolet uni;}

.gap{column-count:3;column-gap:60px;}

.gap_normal{column-count:3;column-gap:normal;}

column-gap:60px;Démo, définissez la distance entre les colonnes sur 60px

column -gap:normal Démonstration, réglez la distance entre les colonnes à une distance normale !

Exécuter les résultats

Comment utiliser lattribut CSS Column-Fill

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn