是否可以在 CSS 中显示网格线？答案

【问题标题】：Is it possible to show Gridlines in CSS?是否可以在 CSS 中显示网格线？
【发布时间】：2023-01-09 21:32:35
【问题描述】：

我开始学习 CSS 的网格布局。在一个理想的世界中，我将能够设置一个 div 多个网格框并将我的元素精确地放置在里面，在我需要的时候提供覆盖（有点像在 Illustrator 中使用 stick to grid）。

如果没有该网格的可视化表示，这可能会非常困难，是否可以在我的实时服务器上看到一个？我尝试使用 Chrome 开发工具“显示网格线”，但是每当我刷新或进行更改时，它们就会消失。

或者，当我想要一个由多个元素和空白组成的更精确的布局时，有没有更好的系统可以使用？

【问题讨论】：

【解决方案1】：

【讨论】：

【解决方案2】：

你应该尝试添加这样的东西

div.grid-elem {
    box-sizing: border-box;
    border: 1px solid gray;
}

但是要小心盒子大小。检查其他带边框的 div 以确保其大小。

【讨论】：