1

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

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

<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/中的完整代码

4

2 回答 2

9

把容器浮起来就行了！

要么给两者#container和#container2一个左浮动：

#container,
#container2 {
    float: left;
}

（演示）

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

.container {
    float: left;
}

（演示）

编辑： display: inline-block正如@Nile 指出的那样，也可以使用。这是个人喜好问题：我更喜欢花车；有些人，内联块。有关使用的更多信息，您可能需要查看这篇文章：float:left; 与显示：内联；与显示：内联块；与显示：表格单元格；.

于 2013-05-26T00:24:32.613 回答
4

尝试：

display: inline-block;

修改示例：http: //jsfiddle.net/pzqLG/

于 2013-05-26T00:29:13.933 回答