html - 关于使用 CSS 网格进行定位的一般问题

Question

我正在尝试实现 Blueprint我网站中的 CSS 网格。

例如，假设我使用的是一个包含 10 列的网格。最左边的文字是<h1> ，最右边的文字是<h3> .目前，<h1>之间的距离按钮是 2.5 列，而按钮和 <h3> 之间的距离是 3 列。

有没有办法让这两个距离相等？如果不是，那么精度的缺乏是否只是为网格的便利性付出的代价？

Answer 1

这与不使用网格的形式并没有什么不同……您实际上是在设置框的尺寸。如果您的文字没有填满方框，那么它就不会填满。

如果您希望它们之间的距离相等，则将它们全部放在一个网格 block 中，然后将它们全部向左浮动，或者使用相等的填充或边距将它们内联。