Vega中align:"none"表现异常是否属于Bug？

核心区别 #

• align: "none"：纯流式布局，元素仅按定义顺序依次排列，不会强制对齐成网格结构。只有当所有元素的宽、高完全一致时，才会巧合呈现出网格外观——本质是流式排列的自然结果，而非布局规则强制。若元素尺寸存在差异，就会呈现非对齐的错落排列。
• align: "each"：强制规整网格对齐，每行/列的元素会自动对齐到统一的网格线，同时允许各行/列的整体尺寸不同。比如同一列的元素会对齐左侧边界，同一行的元素会匹配该行最高元素的高度，即使单个元素尺寸有差异，也会被纳入规整的网格框架中。

为什么你的场景中两者效果一致？ #

大概率是你所有可视化元素的宽、高完全相同。这种情况下，align: "none"的流式排列刚好自然形成了网格，和align: "each"的强制网格效果重合。你可以尝试修改其中一个元素的宽或高，就能立刻看到差异：

• 用align: "none"时，尺寸不同的元素会“错位”排列，不会强制对齐到网格；
• 用align: "each"时，该行/列的其他元素会自动调整尺寸或位置，维持网格对齐状态。

是否是Bug？ #

不是Bug。这是两种布局规则在元素尺寸一致时的巧合表现，完全符合官方文档的描述逻辑。

内容的提问来源于stack exchange，提问作者user2373145