Javascript 将图表旁边的图像对齐

我试图在图表旁边添加一个热图图像，如下所示。我希望热图图像直接在图表旁边。已尝试将图表高度和图像高度设置为相同，但无效。图表是在选项卡面板上动态生成的

问题：如何确保图表高度与热图图像高度对齐？简言之，如何让它们并排？ 如果有人能在这方面提供帮助，我将不胜感激，非常感谢

问候,

---

Felicia

您应该能够通过将display:inline块应用于两者来对齐它们

例如，如果您的图表用id=“chart”标记，而热图用id=“heatmap”标记，则CSS应如下所示：

#chart{display:inline-block}
#heatmap{display:inline-block}

#图表{
显示：内联块；
浮动：左；
}
#热图{
显示：内联块；
位置：相对位置；
}

您尝试过flexbox吗-