對齊圖表旁邊的圖像

Question

我想在圖表旁邊添加熱圖圖像，如下所示。我希望熱圖圖像直接放在圖表旁邊。試圖將圖表高度和圖像高度設置爲相同，但不起作用。圖表是動態生成到選項卡面板上的。

問：如何確保圖高度對準與熱圖圖像高度？總之，如何讓他們並排對方？ 欣賞有人能爲我提供這方面的幫助，非常感謝！

問候，

費利西亞

Answer 1

您應該能夠通過應用顯示對準他們：inline-block的兩者。

例如，如果您的圖表被加上ID =「圖表」和熱圖中標記ID =「熱圖」，你的CSS應該看看下面：

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

Answer 2

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