html - 在浏览器打印机版本中居中谷歌图表

Question

您好，我有一个带有谷歌图表的 html 页面，我希望它水平居中。我使用 margin: 0 auto 作为图表的 div。它位于 Chrome 屏幕版本的中间，图像显示了我在打印机版本中得到的内容，这并不漂亮。

<div style="margin: 0 auto" id="maChart"></div>

我该怎么做才能使谷歌图表居中？如果可能的话，我希望知道一种适用于多个主要浏览器的方法，例如。 Safari、Chrome、Edge 和 IE。

谢谢。

Answer 1

@Kevin Caravaggio 我只是尝试在 html 中用 bootstrap 包装 div，并在其 css 中以 % 为单位给出宽度。我不认为它正好位于中心位置，但它看起来肯定比前一个好。我主要担心的是它在不同的浏览器中看起来会有所不同。

<div class="row">
  <div class="col-md-1">&nbsp;</div>
  <div class="col-md-10">
    <div style="margin: 0 auto" id="maChart"></div>
  </div>
  <div class="col-md-1">&nbsp;</div>  
</div>

在CSS中，

  #maChart{
    width: 65%;   
 }