Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 October 14

RP

Roman Poverenniy in HTML/CSS — русскоговорящее сообщество
Добрый день. Как блоки внутри inline-flex сделать одной высоты? Т.е. если есть более высокий блок, то все соседи становились как самый высокий
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Roman Poverenniy
Добрый день. Как блоки внутри inline-flex сделать одной высоты? Т.е. если есть более высокий блок, то все соседи становились как самый высокий
они по умолчанию растягиваются. align-items: stretch
источник

RP

Roman Poverenniy in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
они по умолчанию растягиваются. align-items: stretch
Вот чтото не хотят
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Roman Poverenniy
Добрый день. Как блоки внутри inline-flex сделать одной высоты? Т.е. если есть более высокий блок, то все соседи становились как самый высокий
height: 100%
источник

RP

Roman Poverenniy in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
height: 100%
есть
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Roman Poverenniy
есть
код в студию
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
стой инлайн флекс кажется нельзя одной высоты, но это не точно
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
должен был  флекс элементом
источник

Д

Дмытрык in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
стой инлайн флекс кажется нельзя одной высоты, но это не точно
Кстати, какая разница между inline-flex и Flex?  
По сути, это одно и тоже
источник

RP

Roman Poverenniy in HTML/CSS — русскоговорящее сообщество
flex - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков. Происходит перенос строк в начале и в конце блока.
inline-flex - элемент обтекается другими элементами. При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный.
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Дмытрык
Кстати, какая разница между inline-flex и Flex?  
По сути, это одно и тоже
тоже самое что display block и инлайн
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Roman Poverenniy
flex - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков. Происходит перенос строк в начале и в конце блока.
inline-flex - элемент обтекается другими элементами. При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный.
убери значение инлайн флекс и дай родителю
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
display: flex
источник

RP

Roman Poverenniy in HTML/CSS — русскоговорящее сообщество
Мне просто удобно здесь было использовать одной свойство, а не дописывать еще wrap no
источник

Д

Дмытрык in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
тоже самое что display block и инлайн
Понял, спасибо
источник

RP

Roman Poverenniy in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
они по умолчанию растягиваются. align-items: stretch
Очень странно, но когда вручную прописал то заработало
источник

АП

Андрей Пономаренко... in HTML/CSS — русскоговорящее сообщество
Привет всем, нужна помощь, я еще пока нуб
источник

RP

Roman Poverenniy in HTML/CSS — русскоговорящее сообщество
Спасибо за отклики
источник

АП

Андрей Пономаренко... in HTML/CSS — русскоговорящее сообщество
источник

АП

Андрей Пономаренко... in HTML/CSS — русскоговорящее сообщество
1 2 3как сделать кнопки?
источник