对齐图表旁边的图像 [英] Align An Image Beside Chart

问题描述

我正在尝试在图表旁添加热图图像，如下所示。我希望热图图像直接在图表旁边。试图将图表高度和图像高度设置为相同但不起作用。图表是动态生成到选项卡面板上的。 （请参阅此处： http://i.stack.imgur.com/aEPTz .png [ ^ ]）



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



问候，

Felicia

I am trying to add a heatmap image beside the chart, which is as shown below. I want the heatmap image to be directly beside the chart. Has tried to set the chart height and image height to be the same but it does not work. Chart is generated dynamically out onto the tab panel. (See here: http://i.stack.imgur.com/aEPTz.png[^])

Question: How to make sure chart height is aligned with the heatmap image height? In short, how to make them side by side each other? Appreciate if someone can provide me help on this, thanks a lot!!

Regards,
Felicia

推荐答案

您可以将显示设置为内联块，例如：

You can just set the display to inline-block for them like:

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

其中图表&热图是图表和图表的ID。热图分别控制。

where chart & heatmap are ids of the chart & heatmap controls respectively.

这篇关于对齐图表旁边的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！