Нужно, чтобы при сужении экрана, не помещающиеся пункты меню, как и сейчас, переходили на другую строку, НО только те, которые перешли - должны исчезать, так же, как и с помощью oveflow : hidden; Т.е. нужно, чтобы по сути у нас была одна строка пунктов, верхняя, а все остальные пункты, которые переходили на следующую (в связи с нехваткой места) - обрезались.
Да, кажется легко, скажите вы. "Поставь oveflow : hidden; + нужную высоту и будет тебе счастье". Но в том-то и дело, что высота пунктов должна учитываться, т.е. фиксированную я задать не могу, а в пунктах может быть очень много материала.
Возможно ли такое сделать на чистом CSS, и если да, то интересуют любые варианты.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
psywalker
Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи.
Дано:
Задача:
Нужно, чтобы при сужении экрана, не помещающиеся пункты меню, как и сейчас, переходили на другую строку, НО только те, которые перешли - должны исчезать, так же, как и с помощью oveflow : hidden; Т.е. нужно, чтобы по сути у нас была одна строка пунктов, верхняя, а все остальные пункты, которые переходили на следующую (в связи с нехваткой места) - обрезались.
Да, кажется легко, скажите вы. "Поставь oveflow : hidden; + нужную высоту и будет тебе счастье". Но в том-то и дело, что высота пунктов должна учитываться, т.е. фиксированную я задать не могу, а в пунктах может быть очень много материала.
Возможно ли такое сделать на чистом CSS, и если да, то интересуют любые варианты.
http://jsfiddle.net/wsWtf/
Link to comment
Share on other sites
26 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.