Я пытаюсь выровнять анимацию по центру, я пробовал использовать CSS, похоже, ничего не работает, я даже пытался настроить отступы и поля, чтобы увидеть, произойдут ли какие-либо изменения, но это не так.

https://gyazo.com/b5b6b9f64e01ccfb107a63470ec5a544

В первой ссылке Gyazo она выглядит центрированной, но ниже на моем снимке экрана, когда я загружаю веб-страницу, она вообще не центрирована.

https://gyazo.com/f920e6004c39dc19eaadbe5f73abd7ae

Извините, что это ссылки Gyazo, я попытался загрузить ссылку JSFiddle, но я не мог понять, как загрузить код со всеми 4 отступами и т. Д., Поэтому я надеюсь, что у вас есть вся необходимая информация.

-2
user8773403 14 Дек 2017 в 23:48

1 ответ

Лучший ответ

Родительский div должен иметь 100% ширину и выравнивание текста по центру. Ребенку нужно думать только о высоте / ширине.

.parent {
  width: 100%;
  text-align: center;
}

.child {
  width: 300px;
  height: 200px;
}
<div class='parent'>
      <iframe class='child' src="https://www.example.com/" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>
0
Makyen 22 Июл 2018 в 16:33