В макете flex элементы могут быть выровнены вдоль столбцов или строк. Элемент flex не может охватывать как столбцы, так и строки, что позволяет содержимому одного элемента обтекать другой элемент. Таким образом, flexbox не является хорошим вариантом для достижения вашего макета. Подробнее
В макете сетки элементы могут охватывать строки столбцов и . Элемент сетки может быть настроен так, чтобы занимать столько строк и столбцов, сколько необходимо, что позволит содержимому одного элемента обтекать другие элементы, , кроме , для одного ограничения в настоящее время: Область сетки должна быть прямоугольной .
Это поведение определено в двух частях спецификации.
Каждый элемент сетки имеет область сетки, прямоугольный набор ячеек сетки, который занимает элемент сетки.
blockquote>7.3. Именованные области:
the grid-template-areas
свойствоЕсли именованная область сетки охватывает несколько ячеек сетки, но эти ячейки не образуют один заполненный прямоугольник, объявление недействительно.
Примечание. В будущей версии этого модуля могут быть разрешены непрямоугольные или отключенные регионы.
blockquote>Итак, в обозримом будущем тетрис-сетчатые области не будут возможно, что сделает ваш макет простым и легким.
Чтобы обернуть текст вокруг изображений, придерживайтесь свойства хорошего ol '
float
. В конце концов, это именно то, что он должен был сделать.И если вы думаете об использовании
float
внутри контейнера flex или grid, это не сработает. Поплавки игнорируются в контексте контекста flex format format и сетки .