不能在grid-template-areas中使用.来创建空白格子。
创始人
2024-12-27 09:30:11
0次

可以使用双引号 "" 或单引号 '' 来表示空白格子。

例如，要创建一个有两列三行的网格，其中第一行有两个格子，第二行只有一个格子，第三行有两个格子，可以使用以下代码：

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 100px 100px 100px;
  grid-template-areas:
    "header header"
    ". content"
    "footer footer";
}

.grid-container div {
  border: 1px solid black;
  padding: 10px;
}

.header {
  grid-area: header;
}

.content {
  grid-area: content;
}

.footer {
  grid-area: footer;
}

其中，第二行中的空白格子使用了双引号 "" 来表示。

注意，在使用引号表示空白格子时，要确保其与其他格子之间有空格隔开，否则会导致语法错误。

上一篇：不能在共享驱动器项目上使用此操作。（第8行，文件“代码”）

下一篇：不能在函数外部使用作为getUserMedia的Promise类型的流。

相关内容

热门资讯

辅助黑科技！德州ai辅助外挂（... 辅助黑科技！德州ai辅助外挂（ai代打）先前存在有挂（有挂安卓版本）-哔哩哔哩；亲真的是有正版授权，...
黑科技了解！德扑ai软件（黑科... 黑科技了解！德扑ai软件（黑科技ai）真是是有挂（有挂下载）-哔哩哔哩1、点击下载安装，微扑克wpk...
黑科技了解！wpk辅助挂（透视... 黑科技了解！wpk辅助挂（透视）原来是真的有挂（有挂辅助）-哔哩哔哩；实战中需综合运用上述技巧，并根...
黑科技教学！aapoker能玩... 黑科技教学！aapoker能玩吗（辅助挂）竟然是真的有挂（有挂实锤）-哔哩哔哩；实战中需综合运用上述...
黑科技好友房！德州之星有没有外... 黑科技好友房！德州之星有没有外挂（辅助挂）其实是真的有挂（有挂大厅）-哔哩哔哩关于德州之星有没有外挂...
黑科技代打！德州之星app辅助... 黑科技代打！德州之星app辅助器怎么用（智能ai）一向有挂（有挂下载）-哔哩哔哩；实战中需综合运用上...
黑科技好友房！红龙扑克有没有外... 黑科技好友房！红龙扑克有没有外挂（黑科技ai）本然真的有挂（有挂渠道）-哔哩哔哩；红龙扑克有没有外挂...
黑科技辅助！微扑克ai辅助器下... 黑科技辅助！微扑克ai辅助器下载（透视）真是有挂（有挂大厅）-哔哩哔哩，支持语音通讯、好友开房及战队...
黑科技智能ai！wpk俱乐部开... 黑科技智能ai！wpk俱乐部开挂实锤（黑科技ai）原生是有挂（有挂德州）-哔哩哔哩1、许多玩家不知道...
黑科技智能ai！wpk德州有挂... 黑科技智能ai！wpk德州有挂吗（黑科技）原先是真的有挂（有挂智能）-哔哩哔哩是一款可以让一直输的玩...