【发布时间】：2014-06-25 06:40:57
【问题描述】：
我有两个 SVG，一个高度：1250 像素，宽度：700 像素。还有一个高度：750px 和宽度：750px。当我将它们放入我的 HTML 时，它们彼此相邻，就像我想要它们一样。唯一的问题是，底部相互对齐。
所以在我的第二个 SVG 之上，有这个“空白”。如何对齐这些 SVG 的顶部，以便我的第二个 SVG 显示在页面顶部，就像第一个一样。
我试过把这两个调换一下，但是也没用。
任何帮助将不胜感激。
【问题讨论】：
-
vertical-align-top 应该像 SVG 显示为 inline-block 元素一样
-
我已经尝试过了，但这会在第一个 SVG 下方显示第二个 SVG。
-
white-space:nowrap 将两者保持在同一行怎么样？
-
@GCyrillus 我使用块将第二个 SVG 放在第一个之下。当我使用 inline-block 时，结果和以前一样：第二个在第一个的底部对齐。
-
white-sapce nowrap 也不会产生任何结果 :( 它们在一条线上，排列不正确
标签： javascript html css svg d3.js