如何将两个SVG的顶部对齐？

Question

我有两个SVG，一个高度：1250px，宽度：700px。一个高度：750px和宽度：750px。当我把它们放到我的HTML中时，它们彼此相邻，就像我想要它们一样。唯一的问题是，底部是相互对齐的。

因此，在我的第二个SVG之上，存在这种“缺口”。如何将这些SVG的顶部对齐，以便我的第二个SVG显示在页面顶部，就像第一个一样。

我尝试过切换两个，但这也不起作用。

任何帮助都将不胜感激。

Answer 1

您可以将vertical-align元素的SVG重置为top。

父母可能需要white-space:nowrap;才能让他们保持同样的理智。