предотвратить перемещение элемента p span во время загрузки страницы - PullRequest
Новая
       37

предотвратить перемещение элемента p span во время загрузки страницы

0 голосов
/ 12 июня 2018

У меня есть график Морриса в угловом приложении, который показывает данные о загрузке страницы.Я пытался иметь имя «Население» на оси Y с использованием HTML, CSS, как это:

enter image description here

Но когда страница изначально загружается, этот промежуток«Население» перемещается вверх в другой div, который находится над этим, и когда график загружается, он входит в свою позицию.

css: 

#Graph{
      margin-left: 4%;
      height:100%;
    }
     #Graph p {
      position:relative;
      float:left;
      width:50%;
      border-radius:5px;
      -moz-border-radius:5px;
      vertical-align: center;
      margin-left: -3%;
    }
     #Graph p span {
      font-size: 15px;
      color: '#606060';
      width:100%; /* same as height of .rotateObj */
      -webkit-transform-origin:84px 70px;
      display:inline-block;
      -webkit-transform:rotate(-90deg);
      text-align:center;
    }

html: 

 <div class="card-body" id="Graph">
        <div id ="graphElement"></div>
        <p><span>Population</span></p>

Я хочу, чтобы «Population» находился в этом графе div, пока график не загрузится и не должен двигаться вверх в другой div.Как мне этого добиться?

...