comparisons

视觉顺序与文档顺序对比

一套诊断性构图,揭示当CSS用grid和order属性重新排布元素时,界面的视觉顺序(屏幕位置,从上到下、从左到右)与文档顺序如何出现分歧;同时以各自的颜色绘制两条路径,并为两种顺序中位置不同的元素标出偏移量的大小。