html中怎么指定某一列,请问如何在CSS网格布局中定位特定的列或行？

要设置任意行的样式，可以使用display设置为的包装元素contents。请参阅下面的代码段：.grid-container {

display: grid;

grid-template-columns: repeat(5, 1fr);

grid-gap: 2px;}.grid-item {

border: 1px solid black;

padding: 5px;}.grid-row-wrapper {

display: contents;}.grid-row-wrapper > .grid-item {

background: skyblue;}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

与所有实现一样，您应该检查以确保它在您的目标环境中工作。您可以在MDN或caniuse.com上查看兼容性表，以获得以下支持display: contents：https://developer.mozilla.org/en-US/docs/Web/CSS/display#Browser_compatibility

https://caniuse.com/#search=display%3A%20contents