Les éléments de grille en CSS ont des éléments parents et des éléments enfants. Voici un exemple de création d'une grille utilisant 6 éléments.
Démo en direct
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: grid;
grid-template-columns: auto auto;
padding: 20px;
}
.ele {
background-color: orange;
border: 2px solid gray;
padding: 25px;
font-size: 20px;
text-align: center;
}
</style>
</head>
<body>
<h1>Game Board</h1>
<div class = "container">
<div class = "ele">1</div>
<div class = "ele">2</div>
<div class = "ele">3</div>
<div class = "ele">4</div>
<div class = "ele">5</div>
<div class = "ele">6</div>
</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!
Ripple a-t-il toujours une valeur d'investissement ?
Solution en cas d'échec de session
Qu'est-ce que le courrier électronique
La différence entre le masquage et le démasquage des caractères génériques
Que sont les plug-ins jquery ?
tutoriel d'exécution de code c++
Solution au rapport Java indiquant que les entrées du chemin de construction sont vides
Quelles sont les méthodes pour empêcher l'injection SQL ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
