Доброго вечера

У моего приложения есть меню со ссылками в строку друг за другом. Допустим, 5 штук. Заказчик хочет, чтобы при изменении разрешения экрана если что-то не влезает, то лишние айтемы прятались бы и появлялась бы кнопка “Else”, по нажатию которой открывается дропдаун со скрытыми опциями. Что-то такое:

Широкий экран
| option1 option2 option3 option4 option5 |

Мобилка
| option1 option2 option3 Else |

По нажатию на Else видим дропдаун с option4 и option5
Сами ссылки заказчик хочет генерить по своему желанию, так что фиксированной длины они не имеют

я встречал реализацию на цсс. но это было так сложно, что лучше просто с js сделать

@media
Css
Jquery

@media, css - не поможет, тут ширина экрана нужна
jQuery - в 20 году? Серьёзно?

А ширина браузера чем не устроила

А тем, что мне нужно в дропдаун айтемы пихать в зависимости от ширины контейнера. На чистом HTML+css я не представляю, как это сделать

А тем, что мне нужно в дропдаун айтемы пихать в зависимости от ширины контейнера. На чистом HTML+css я не представляю, как это сделать

Если у текста position: absolute, то overflow: hidden не работает, получается? Если нет, то есть какие-то способы заставит его это делать?

Оверфлоу надо на контейнер вешать

Но лучше такие вещи делать на js, так что передавай привет ребятам которые тебя послали сюда за решением :)

Доброго вечера

У моего приложения есть меню со ссылками в строку друг за другом. Допустим, 5 штук. Заказчик хочет, чтобы при изменении разрешения экрана если что-то не влезает, то лишние айтемы прятались бы и появлялась бы кнопка “Else”, по нажатию которой открывается дропдаун со скрытыми опциями. Что-то такое:

Широкий экран
| option1 option2 option3 option4 option5 |

Мобилка
| option1 option2 option3 Else |

По нажатию на Else видим дропдаун с option4 и option5
Сами ссылки заказчик хочет генерить по своему желанию, так что фиксированной длины они не имеют