如何使用 highchart 使两个图表使用 div 并排显示在同一行中

我想使用 div 在同一行显示两个图表。你能帮忙吗？

这是我正在尝试的，但它显示为两行。

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
    <div>
        <div id="container" style="width: 200px; height: 200px; diplay:inline"></div>
        <div id="container2" style="width: 200px; height: 200px; display:inline"></div>

    </div>

完整代码在http://jsfiddle.net/nCe36/ http://jsfiddle.net/nCe36/

只需将容器漂浮起来即可！

要么都给#container and #container2左浮动：

#container,
#container2 {
    float: left;
}

(Demo http://jsfiddle.net/nCe36/1/)

或者给两个容器一个类（例如“容器”）并将该类浮动到左侧：

.container {
    float: left;
}

(Demo http://jsfiddle.net/nCe36/2/)

Edit: display: inline-block正如@Nile 指出的那样，也将起作用。这是个人喜好的问题：我更喜欢花车；有些人，内联块。有关使用哪个的更多信息，您可能需要查看这篇文章：向左飘浮;与显示：内联；与显示：内联块； vs 显示：表格单元格； https://stackoverflow.com/questions/11805352/floatleft-vs-displayinline-vs-displayinline-block-vs-displaytable-cell.