Nahtbildung zwischen benachbarten SVG-Bildern in Flexbox

Lösung des Problems

Die Abmessungen Ihrer SVG-Bilder sind keine ganzen Zahlen, daher wird es beim Rendern sehr wahrscheinlich zu Rundungsproblemen kommen. Aber selbst wenn dies der Fall wäre, könnte es bei einigen unregelmäßigen Zoomstufen auch zu Rundungsproblemen kommen.

Ich schaffe es, die Nähte für 100% Zoom mit Firefox auszublenden, aber nicht alle verschiedenen Zoomstufen.

.gb-top-border-column-fix {
 flex: 0 0 auto;
 display: flex;
 margin: 0 -3px;
}

Und nach dem Herauszoomen und Zurückgehen auf 100 % kann es wieder zu Nähten kommen.

Ich vermute, dass die Verwendung von Hintergrundbildern auf den <div>s für diesen Anwendungsfall einfacher sein kann als die Verwaltung von Tags (Sie können die nicht ganzzahligen Teile von Hintergrundbildern leichter "abschneiden" als die von ).