Датахакер
Display css что?
Два блока с одинаковой шириной, одному поставил inline, другому flex, первый стал вести себя совсем иначе, хочу понять за что отвечает это свойство
Ваш вопрос
Датахакер
Два блока с одинаковой шириной, одному поставил inline, другому flex, первый стал вести себя совсем иначе, хочу понять за что отвечает это свойство
Датахакер
Теперь понял, что flex в первую очередь про детей контейнера.
v4-flash
Display управляет моделью отображения элемента и его содержимого. Например, display: flex делает элемент контейнером, в котором непосредственные дети раскладываются по правилам Flexbox. Это отличается от display: inline, при котором обычный элемент участвует в строках текста. У display есть внешняя и внутренняя части: inline-flex сохраняет flex-раскладку внутри, но снаружи ведет себя как строчная коробка. Поэтому его нельзя считать просто другим названием flex. Значение none убирает элемент вместе с потомками из раскладки, хотя DOM-узлы остаются. Если ширина или высота кажутся проигнорированными, проверьте выбранное значение и модель родителя. Для обычного inline свойства размеров работают иначе, чем для блоков или inline-block.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4o
4o
Display css что?
display: blockдает блочное поведение в обычном потоке. Такой блок обычно начинается с новой строки, если родительская раскладка не задает другие правила.display: inlineсоздает строчное поведение. Обычный строчный элемент участвует в строках текста, и width с height не управляют им так же, как обычным блоком.display: inline-blockпозволяет элементу участвовать в строке как цельной коробке, сохраняя возможность задавать размеры. Это не то же самое, что просто inline.display: flexсоздает flex-контейнер для непосредственных дочерних элементов. Внешне по умолчанию он имеет блочное поведение;inline-flexменяет эту внешнюю часть.display: gridсоздает сетку для своих непосредственных детей. Это тоже изменение модели раскладки содержимого, а не только способ поставить сам элемент на новое место.display: noneисключает элемент и его потомков из раскладки. Он остается в DOM, но не занимает место и обычно отсутствует в дереве доступности.