Spec-Zone.ru › CSS

CSS вывод в поток

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

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

Базовый пример

Следующий пример демонстрирует блочные и инлайновые элементы. Два абзаца с зеленой рамкой — блочные элементы, отображаемые один под другим.

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

Руководства

  • Блочное и инлайновое расположение в нормальном потоке
  • В потоке и вне потока
  • Форматирующие контексты
  • Расположение в потоке и режимы написания
  • Расположение в потоке и переполнение

Справочник

Статьи глоссария

  • Блок (CSS)

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API