La propriété multi-colonnes column-count de CSS3 est utilisée pour calculer le nombre de colonnes en lesquelles un élément doit être divisé.
Vous pouvez essayer d'exécuter le code suivant pour implémenter la propriété column-count à l'aide de CSS :
Demo
<html>
<head>
<style>
.multi {
/* Column count property */
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
/* Column gap property */
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
/* Column style property */
-webkit-column-rule-style: solid;
-moz-column-rule-style: solid;
column-rule-style: solid;
}
</style>
</head>
<body>
<div class = "multi">
Tutorials Point originated from the idea that there exists a class of readers who respond
better to online content and prefer to learn new skills at their own pace from the comforts
of their drawing rooms. The journey commenced with a single tutorial on HTML in 2006 and
elated by the response it generated, we worked our way to adding fresh tutorials to our
repository which now proudly flaunts a wealth of tutorials and allied articles on topics
ranging from programming languages to web designing to academics and much more.
</div>
</body>
</html>
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!
Comment résoudre le problème que les CSS ne peuvent pas être chargés
Dogecoin prix d'aujourd'hui
Que comprend le stockage par cryptage des données ?
403solution interdite
Comment ralentir la vidéo sur Douyin
Comment utiliser les macros Excel
Le rôle de l'interface VGA
Comment créer un index bitmap dans MySQL
À quel point le Dimensity 6020 est-il équivalent à Snapdragon ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
