Центрируйте гугл-чарт в версии браузера для принтера - PullRequest
0 голосов
/ 10 сентября 2018

enter image description here

Привет, у меня есть HTML-страница с диаграммой Google, и я хочу, чтобы она была отцентрирована по горизонтали. Я использовал margin: 0 auto для div графика. Он находится посередине на экранной версии в Chrome, и изображение показывает, что я получаю в версии для принтера, что не очень красиво.

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

Что я могу сделать, чтобы центрировать гугл-чарт по центру? Если возможно, я надеюсь узнать способ, который работает на нескольких основных браузерах, например. Safari, Chrome, Edge и IE.

Спасибо.

1 Ответ

0 голосов
/ 11 сентября 2018

enter image description here

@ Кевин Караваджо Я только что попытался обернуть div с помощью начальной загрузки в HTML и дать ширину в% в его 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%;   
 }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...