Как выровнять iframe всегда по центру
и поверьте, что кто-то может помочь, потому что я уверен, что это что-то действительно простое, но я просто не вижу его.
6 ответов
центр iframe
скрипт: http://jsfiddle.net/h9gTm/
изменить: добавлено вертикальное выравнивание
скрипт: http://jsfiddle.net/h9gTm/1/
Изменить: решение FLEX
используя display: flex на <div>
Я думаю, если вы добавите margin: auto; к div ниже он должен работать.
Если все, что вы хотите сделать, это отобразить iframe на странице, самое простое решение, которое я смог придумать, не требует наличия div или flex:
И тогда HTML просто:
Если это все, что вам нужно, вам не нужны оберточные divs для этого. Это также работает с текстовым контентом и т.д.
Также это выглядит еще проще.
Сначала удалите position:absolute из div#iframe-wrapper iframe , Удалить position:fixed и все остальные css из div#iframe-wrapper
Как выровнять iframe всегда по центру
и искренне верю, что кто-то может помочь, потому что я уверен, что это что-то действительно простое, но я просто не могу этого увидеть.
8 ответов
центр iframe
Одним из решений является:
скрипка: http://jsfiddle.net/h9gTm/
редактировать: добавлено вертикальное выравнивание
скрипка: http://jsfiddle.net/h9gTm/1/
Изменить: решение FLEX
с помощью display: flex на <div>
Я думаю, если вы добавите поля: авто; до див ниже это должно работать.
Если все, что вам нужно, это отображать на странице iframe, самое простое решение, которое мне удалось найти, не требует использования div или flex:
И тогда HTML просто:
Если это все, что вам нужно, вам не нужны div-оболочки для этого. Это работает и для текстового контента, и прочего.
Также это выглядит еще проще.
Сначала удалите position:absolute из div#iframe-wrapper iframe Удалить position:fixed и все остальные CSS из div#iframe-wrapper
Решено: html центр видео YouTube
Основная проблема, связанная с выравниванием видео YouTube по центру в формате HTML, заключается в том, что код для встраивания YouTube не содержит никакой информации о стиле, такой как возможность выравнивания видео по центру. Это означает, что вы должны использовать CSS или другие методы для ручного центрирования видео. Кроме того, разные браузеры могут интерпретировать стиль по-разному, что приводит к несогласованным результатам в разных браузерах.
: эта строка кода указывает браузеру центрировать содержимое в HTML-документе.
2.
встроенное видео YouTube
Видео YouTube можно встраивать в HTML-документы с помощью
Как центрировать видео внутри HTML-документов
Чтобы центрировать видео внутри HTML-документа, вы можете использовать
ярлык. Этот тег используется для центрирования любого элемента в HTML-документе, включая видео. Чтобы использовать его, просто оберните тег с такие теги:
Это позволит центрировать видео на странице и убедиться, что оно всегда находится в середине вашей страницы, независимо от размера экрана или ориентации.
Как центрировать вставку YouTube в пост WordPress
Чтобы центрировать встроенное видео YouTube в сообщении WordPress в формате HTML, используйте следующий код:
Замените [YOUTUBE EMBED LINK] фактической ссылкой для встраивания видео YouTube.
Как центрировать iframe по горизонтали?
Почему iframe не выровнен по центру, как div ? Как я мог выровнять его по центру?
13 ответов
Добавьте display:block; в ваш iframe css.
Лучший способ и более простой способ центрировать iframe на вашей веб-странице:
Где ширина и высота будут размером вашего iframe на вашей html-странице.
Самый простой код для выравнивания элемента iframe:
Если вы помещаете видео в iframe и хотите, чтобы макет был гибким, вам следует взглянуть на эту веб-страницу: Видео «Плавная ширина»
В зависимости от источника видео, и если вы хотите, чтобы старые видео стали адаптивными, ваша тактика должна измениться.
Если это ваше первое видео, вот простое решение:
И добавьте это CSS:
Отказ от ответственности: это не мой код, но я протестировал его и остался доволен результатами.
Мое самое простое решение.
Вы можете поместить iframe в <div>
Это работает, потому что теперь он находится внутри блочного элемента.
Надеюсь, это будет полезно для вас
Если вы не можете получить доступ к классу iFrame, добавьте ниже css в оболочку div.
В моем случае решение заключалось в добавлении класса iframe:
Согласно http://www.w3schools.com/css/css_align.asp, настройка левое и правое поля на auto указывает, что они должны разделить доступное поле поровну. В результате получился центрированный элемент:
Здесь я поместил фрагмент кода для всех, кто страдает от необходимости разместить iframe или изображение в центре экрана по горизонтали. Дайте мне БОЛЬШЕ ГОЛОСА, если хотите ».
style> img & iframe> это имя вашего тега, поэтому измените его, если вам нужен другой тег в центре