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

Атрибут align

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

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

Спецификация

Верс.	Раздел
HTML
2.0	—
3.2	—
4.01	15.1.2 Alignment align = left|center. [1] DTD: Transitional Strict Frameset
5.0	4.7.2 The iframe element
5.1	4.7.6. The iframe element
XHTML
1.0	Extensible HyperText Markup Language [1] DTD: Transitional Strict Frameset
1.1	—

• [1] ‒ помечен как «устаревший».

Значения

bottom Окружающий контент обтекает встроенный фрейм по обоим краям по нижним углам фрейма.

Примечание: срабатывает, только если фрейм встроен непосредственно в текст.

center Окружающий контент обтекает встроенный фрейм по обоим краям по вертикальной середине.

Примечание: срабатывает, только если фрейм встроен непосредственно в текст.

justify Окружающий контент обтекает встроенный фрейм по обоим краям по нижним углам фрейма.

Примечание: срабатывает, только если фрейм встроен непосредственно в текст.

left Встроенный фрейм выравнивается по левому краю (окружающий контент обтекает его по правому краю). middle Окружающий контент обтекает встроенный фрейм по обоим краям чуть выше вертикальной середины фрейма.

Примечание: срабатывает, только если фрейм встроен непосредственно в текст.

right Встроенный фрейм выравнивается по правому краю (окружающий контент обтекает его по левому краю). top Окружающий контент обтекает встроенный фрейм по обоим краям по верхним углам фрейма.

Примечание: срабатывает, только если фрейм встроен непосредственно в текст.

Атрибут align

Атрибут align задаёт выравнивание фрейма относительно окружающего контекста.

Данный атрибут устарел, взамен используйте стили.

Синтаксис

Значения

absmiddle Выравнивание середины фрейма по середине текущей строки. baseline Выравнивание фрейма по базовой линии текущей строки. bottom Выравнивание нижней границы фрейма по окружающему тексту. left Выравнивает фрейм по левому краю окна. middle Выравнивание середины фрейма по базовой линии текущей строки. right Выравнивает фрейм по правому краю окна. texttop Верхняя граница фрейма выравнивается по самому высокому текстовому элементу текущей строки. top Верхняя граница фрейма выравнивается по самому высокому элементу текущей строки.

Значение по умолчанию

Пример

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Браузеры

4

12

1

10

3

1

В таблице браузеров применяются следующие обозначения.

• — элемент полностью поддерживается браузером;
• — элемент браузером не воспринимается и игнорируется;
• — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Атрибут align

Для плавающего фрейма можно указать его положение на веб-странице или задать способ обтекания текстом или другими элементами веб-страницы. Способ выравнивания задается атрибутом align тега .

Синтаксис

Значения

absmiddle Выравнивание середины фрейма по середине текущей строки. baseline Выравнивание фрейма по базовой линии текущей строки. bottom Выравнивание нижней границы фрейма по окружающему тексту. left Выравнивает фрейм по левому краю окна. middle Выравнивание середины фрейма по базовой линии текущей строки. right Выравнивает фрейм по правому краю окна. texttop Верхняя граница фрейма выравнивается по самому высокому текстовому элементу текущей строки. top Верхняя граница фрейма выравнивается по самому высокому элементу текущей строки.

Значение по умолчанию

HTML 4.01 IE Cr Op Sa Fx

      
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

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

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

Но внутри iframe это сделать не выйдет.

Mehelborn @Mehelborn Автор вопроса

Рустам Байназаров, Подозревала это. А что вы подразумеваете под «выровнять сам iframe относительно контейнера»? И как я поняла размеры iframe менять через атрибуты width и height?

Rustam Bainazarov @SmthTo Куратор тега CSS

Mehelborn, я подразумевал обычное блочное выравнивание контента по середине по типу того, что автор ответа отобразил в песочнице по ссылке.