如何在CSS網(wǎng)格布局中定位特定的列或行？是否可以使用CSS選擇特定的網(wǎng)格列或行？例如，假設(shè)我有一個(gè)3行×2列CSS網(wǎng)格布局：grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr;。如何從第2列中選擇所有元素？例如:( grid:nth-child(column:2)只是我的想法，不是有效的代碼）。我已經(jīng)nth-child在div元素上嘗試了選擇器，但這不允許我在Grid Layout引擎自動(dòng)放置項(xiàng)目時(shí)指定行或列。body {
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;}.item {
background: #999;}<div class="item">
<p>Customer Name</p>
<p>Element 1 | Element 2</p></div><div class="item">
<p>Right Justify</p>
<p>Element 1 | Element 2</p></div><div class="item">
<p>Customer Name</p>
<p>Element 1 | Element 2</p></div><div class="item">
<p>Customer Name</p>
<p>Element 1 | Element 2</p></div><div class="item">
<p>Customer Name</p>
<p>Element 1 | Element 2</p></div><div class="item">
<p>Customer Name</p>
<p>Element 1 | Element 2</p></div><div class="item">
<p>Customer Name</p>
<p>Element 1 | Element 2</p></div>
如何在CSS網(wǎng)格布局中定位特定的列或行？
函數(shù)式編程
2019-08-13 16:56:56
