169 похожих чатов

Всем привет. Возникла задача сделать следующее: есть горизонтальное меню с Х элементами. Надо

его скрывать в одну кнопку (по сути типичное поведение для адаптивного меню) на узких экранах.
НО!
1. Надо скрывать только при переполнении контейнера, т.е. при разном количестве/шириене пунктов горизонтального меню бдетразная ширина экрана
2. хочется обойтись без медиазапросов и JS

Можно ли как-то чисто CSS это реализовать?
Ну, например, какой-то певдокласс типа :wrapped или :overflow по которому можно сделать селектор и поменять свойства

10 ответов

21 просмотр

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

возможно вот эта статья поможет реализовать такое: https://kizu.dev/flexible-overflow/ но это не будет лёгкой прогулкой )

Anatoliy Kulak
Статья классная, но жутко устаревшая

появились новые трюки чтобы сделать это же самое?

Андрей Гуртовой
появились новые трюки чтобы сделать это же самое?

ага, js называется. Пишешь 5 строчек и все нормально работает

ничему это не вредит, не неси чушь

Идея Диогена
ничему это не вредит, не неси чушь

Ну зачем вы так. По дефолту резайз очень даже вредит. Другое дело, что есть debounce. Или еще лучше ResizeObserver

https://developer.mozilla.org/en-US/docs/Web/CSS/@container

Anatoliy Kulak
Ну зачем вы так. По дефолту резайз очень даже вред...

Привет подскажи нормально ли так делать или как то иначе

Anatoliy Kulak
Ну зачем вы так. По дефолту резайз очень даже вред...

допустим есть блок флекс и по нажатию кнопки я хочу вешать класс на блок флекса flex-grow: 1 чтобы он растягивался и вот самое интересное внутри этого контейнера есть еще див с позитрон абсолют

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта