Eksplisiete Roosters
Die roosterstelsel impliseer die gebruik van eksplisiete en implisiete netwerke. Laat ons hierdie konsepte in meer detail ondersoek.
Eksplisiete rooster verteenwoordig 'n stel elemente geplaas in kolomme en rye. Die eksplisiete netwerk word dikwels met die hand geskep en alle roosters wat ons saam met jou in die vorige lesse geskep het, is eksplisiet (byvoorbeeld, les Tegelwerk in rooster).
Laat ons 'n tabel skep, wat ons eksplisiete rooster sal wees:
<div id="parent">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
#parent {
display: grid;
grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
border: 2px solid #696989;
padding: 10px;
width: 400px;
height: 400px;
}
#parent > div {
padding: 10px;
border: 1px solid #696989;
}
:
