Как выровнять iframe по центру в html

Как выровнять по центру страницы содержимое?

Необходимо выровнять Iframe (ссылается на форму оплаты Яндекс.деньги). Перепробовала уже всё что знаю. text-align в CSS, align в самом элементе, делала элемент блочным, добавляла и ? без толку.

Вопрос задан более трёх лет назад
1895 просмотров

Простой 3 комментария

Facebook
Вконтакте
Twitter

SmthTo

К iframe от Яндекса у вас доступа нет и быть не может.

Можно только поставить размеры самому iframe и выровнять сам iframe относительно контейнера.

How to center an iframe horizontally?

enter image description here

Why the iframe is not centrally aligned like the div ? How could I centrally align it?

13 Answers 13

Add display:block; to your iframe css.

best way and more simple to center an iframe on your webpage is :

where width and height will be the size of your iframe in your html page.

The simplest code to align the iframe element:

My simplest solution to this.

If you are putting a video in the iframe and you want your layout to be fluid, you should look at this webpage: Fluid Width Video

Depending on the video source and if you want to have old videos become responsive your tactics will need to change.

If this is your first video, here is a simple solution:

And add this css:

Disclaimer: none of this is my code, but I’ve tested it and was happy with the results.

You can put iframe inside a <div>

It works because it is now inside a block element.

I hope its useful for you

If you can’t access the iFrame class then add below css to wrapper div.

In my case solution was on iframe class adding:

According to http://www.w3schools.com/css/css_align.asp, setting the left and right margins to auto specifies that they should split the available margin equally. The result is a centered element:

Here I have put snippet for all of you who are suffering to make iframe or image in center of the screen horizontally. Give me THUMBS UP VOTE if you like.��⯅.

style > img & iframe > this is your tag name so change that if you’re want any other tag in center

use it and embed facebook in iframe in center of html page

The Overflow Blog

Linked

Hot Network Questions

Subscribe to RSS

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

Читать:

Как скачать самсунг пей

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.

Как выровнять 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

Атрибут align

Атрибут / параметр align (от англ. «align» ‒ «выравнивание») указывает выравнивание встраиваемого фрейма в окружающем контенте.

Поддержка браузерами