Question

由于某些原因，当我尝试将它们放在网格中时，我的课程无效。 HTML元素工作，网格创建，所以我知道样式表工作。

HTML

本案例中的类定义如下：

<div class="NApictures">

<img src= "C:\Users\x0268255\Documents\cats_page\bobcat.jpg" width = 250 
height = 250>

<img src= "C:\Users\x0268255\Documents\cats_page\lynx.jpg" width = 300 
height = 250>

</div>

CSS 网格和位置定义如下：

.site {
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr);
    grid-template-rows: auto 1fr 3fr;
    }


.NApictures {
    grid-column: 1/4
    grid-row: 1/2;
   }

.site是body标签的类。但.NApictures类不会移动。整个页面都是一样的。如果我使用html标签将项目放在网格上，它可以正常工作，但没有一个类。

例如：

h1 { grid:column1/4; }

工作得非常好，但如果我使用我创建的类，它什么都不做。

Answer 1

你忘记了分号，这搞乱了你的css代码行为。

typeof items

然后删除它

1 个答案: