Col列组件的span属性不生效是怎么回事？

我之前也碰到过类似的问题。检查一下你的代码，确保和标签没有拼写错误，还有就是:span="6"这种动态绑定的写法是正确的。不过通常情况下，span的值不需要加引号，你可以试试直接写成:span=6看看有没有效果。

另外，确认一下你是否正确引入了Ant Design Vue的CSS文件，有时候样式文件没加载好也会导致布局组件不生效。最后，可以在浏览器里检查一下生成的HTML结构和应用的CSS样式，看看是否有其他样式覆盖了Ant Design的默认样式。

如果这些都检查过了还是不行，可以尝试重启一下开发服务器，有时候热更新可能会有点问题。希望这些建议能帮到你！

你这个写法本身没问题，span="6" 确实应该占 6/24 宽，也就是四分之一屏。既然没报错又套了 Row，那大概率是样式被覆盖了，或者用了自定义布局类把栅格挤没了。

先做个校验：打开浏览器开发者工具，选中那个 元素，看看它的 computed 样式里 width 是不是 25%（或者接近的值），再看看有没有 flex: 0 0 100% 之类的强制占满样式。如果有，那基本就是外部样式干扰了。

常见几个坑我列一下你对一对：

- 你用的 Ant Design Vue 版本是不是 3.x？2.x 和 3.x 的栅格实现有差异，3.x 强制依赖 flex 布局，如果父级 Row 被加了 display: block 就全废了；
- 你有没有全局样式里写了 .col { width: 100% } 或者类似通配规则？比如某些 UI 框架或重置样式会干扰；
- Row 上有没有加 justify、align 之外的自定义 class？有些项目会自己封装 Row，不小心把 flex-wrap: wrap 给关了；
- 你是不是用了 display: none 或者 visibility: hidden 的父级包裹？这种虽然不报错但会让子元素“看起来不生效”。

另外建议你先删掉所有自定义 class，只保留最简结构，确认基础栅格能跑起来再加其他东西，避免叠加样式踩坑。

如果还是不行，贴下你 Row 的完整代码和浏览器里 inspect 到的 col 的 computed 样式，我帮你看看是不是有隐藏的样式冲突。