我正在尝试从第一列的一半开始网格列。
我尝试了不同值的grid-start-column，但它不起作用。基本上，它应该像下面这样:
grid-column: 0.5/7
我知道这不是有效的代码，但只是为了解释我写的
可以从列的一半开始列吗?
是否可以从列的一半开始列?
。它不是。
假设你有一个有五列的网格容器，想从第一列(grid-column: 1.5 / 5)的中间开始扩展。这行不通，因为不是从列行开始。更严格地说，grid-row-*和grid-column-*属性只接受整数作为值。
但是，有一个简单的解决方法:
-
用10列代替5列。
-
然后从第三列(
grid-column: 3 / 10)开始跨越。
这将创建一个等效的布局，它在视觉上看起来是一样的，但是对列的控制更精确。
更多细节在这里:使用CSS网格改变div高度