css 为什么Chrome devtools抱怨我不应该在带有display的元素上使用grid-column-end:阻挡?

xmq68pz9  于 2023-01-14  发布在  其他
关注(0)|答案(1)|浏览(216)

我正在处理一些css-grid格式的内容,我有一个类似下面的规则,应用于网格中的一个元素:

<some selector here> {
    grid-column-end: span 4;
}

当我这样做时,我在Chrome devtools(Chrome 108)中看到的是以下内容:

鼠标悬停在“circle-i”上会显示以下消息:“显示:block属性阻止grid-column-end生效。请尝试将display设置为block以外的值。
我不明白这条信息,我也找不到任何文档来解释它。我看不出在这种情况下还有什么其他的显示类型是合适的。这是一个问题,还是一个Chrome错误?

niwlg2el

niwlg2el1#

对于可以使用多列的选择器,应尝试设置以下选项之一:

  • 内嵌块
  • 内联-柔性
  • 内嵌网格
  • 内联表

这对我很有效。

相关问题