对齐图表旁边的图像

Question

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

问题：如何确保图表高度对齐与热图图像高度？总之，如何让它们彼此并排？ 感谢有人能为我提供帮助，非常感谢!!

此致

费利西亚

Answer 1

您应该可以通过将display：inline-block应用于两者来对齐它们。

例如，如果您的图表标记为id =“chart”并且热图标记为id =“heatmap”，那么您的CSS应如下所示：

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

Answer 2

#chart {
  display: inline-block; 
  float: left;
}
#heatmap {
  display: inline-block; 
  position: relative;
}