Всем привет. Вопрос про display flex. Почему если button дать

display flex он не растягивается на всю ширину? Да он занимает всю строку. Но ширина его не растягивается. Если дать span display flex то он растягивается. Попробуйте сами дать display flex СТРОЧНЫМ элементам и строчно-блочным. Строчные становятся блочными. Но строчно-блочные не растягшиваются

Возможно вы путаете флекс контейнер и флекс айтем флекс контейнер растягивается на всю ширину, флекс айтемы "не растягиваются по основной оси, но могут сжиматься."

ты бы попробовал что он пишет )

нет не путаю. Я о флекс контейнере. Дайте строчным, блочным и button display flex. Все будут растягиваться кроме button. Но почему?

Ihor P

да я именно об этом. Кнопка не растягивается. Почему?

Oleksandr Lukhanin
https://stackoverflow.com/questions/35464067/flex-...

так себе объяснение )) это всего лишь один пользователь пишет другому. также как здесь. я здесь никому не верю ) если кто-то говорит что что-то не работает - нужны доказательства. это пример кода нерабочего или ссылка на документацию где написано что вот так вот не должно работать

Oleksandr Lukhanin
https://stackoverflow.com/questions/35464067/flex-...

Он пишет что такое может быть в некоторых браузерах. То есть гугл врятли попадает под этот случац

success always
Как вы думаете тогда почему? Button не растягивает...

у меня научного объяснения нет ( и я не пытаюсь отвечать лишь что когда не знаю ответа как некоторые тут делают

success always
Как вы думаете тогда почему? Button не растягивает...

Надо смотреть что бразер ставит width кнопке, может там fit-content

такого нету. я смотрел

success always
Как вы думаете тогда почему? Button не растягивает...

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

Спасибо за ответ. Но вопрос то не в том почему они не флекс элементы. Вопрос в том, почему флекс контейнер button не растягивается в отличии от других. display flex ведь переопределяет свойство button display. Сейчас как я понял это "фича" браузеров

Таирлан Оразов (0) увеличил репутацию Yulia Pozdnyakova (1)

Хех, видимо старый фрилансерский обычай, сначала отвечать на заявку и соглашаться на выполнение, а потом разбираться как это всё делается. Вот и здесь по-инерции так сказать. 😂

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

это тоже - чтобы убрать дефолтные стили браузера, необходимо подключить ресет. цсс

хотя сейчас хорошим тоном считается использование нормалайз. цсс

А я про что писал? Вся соль в стилях user agent, никакой магии

в общем да, про то же. просто я дала совет, как с этим бороться)

я как понял такое только с button? Или со всеми строчно-блочными?

можете проверить как раз 😉 но с баттон точно отрабатывают специальные дефолтные настройки. также обратите внимание, что кнопками могут служить специально оформленные кнопки - они точно будут растягиваться по первой команде))) вот здесь о правилах применения https://htmlacademy.ru/blog/boost/frontend/links-or-buttons

Эм... строчно-блочными? 🤔

inline-block

так он ему display: flex задал, причём тут это тогда

А, не вник в разговор)

Oleksandr Lukhanin
https://stackoverflow.com/questions/35464067/flex-...

Но,кстати говоря,сами флекс свойства начинают работать,и в кнопке можно внутри все выстраивать будто в флексэлементе(если задать дисплей флекс естественно)

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

вот тут конечно есть ньюанс ) много ты знаешь строчно блочных элементов кроме батона внутрь которых можно что-то положить? )))

спасибо за ответ

инпуты) селекты

ну да. редкий случай