SOURCE

console 命令行工具 X clear

                    
>
console
<h1>display:grid</h1>
<p>
主要属性:    <br>
grid-template-columns://竖向排列<br>
grid-template-rows://横向排列<br>
<br>
justify-self: center;<br>
align-self: center;
</p>
<br>
	<div class="content">
		<div class="b">1</div>
		<div class="b">2</div>
		<div class="b">3</div>
		<div class="b">4</div>
		<div class="b">5</div>
		<div class="b">6</div>
		<div class="b">7</div>
		<div class="b">8</div>
		<div class="b">9</div>
	</div>
.content {
    padding: 10px;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
    height: 780px;   
    background-color: #000;
    grid-gap: 10px;
}
.b {
    background-color: yellow;
}