如何并排排列多个饼图？

Question

我是HTML5的新手。我使用Chart.js生成3个饼图，但它们垂直显示。我想要的是将这3张图表水平对齐。

任何人都可以对此有所了解吗？

<div id="aligned">
  <div class="label">Aligned</div>
  <div class="chart_container">
     <canvas  id="myChart" width="300px" height="200px"></canvas>
  </div>

  <div class="chart_container">
    <canvas  id="myChart2" width="300px" height="200px"></canvas>
  </div>

      <div class="chart_container">
    <canvas  id="myChart1" width="300px" height="100px"></canvas>
  </div>
</div>

Answer 1

使它们成为一个内联元素。

Div通常不是内联元素，因此要么将div更改为内联元素，要么更改css中的div。

  display: inline-block;

如果您需要更多指导，请提供一个jsfiddle。