0 / 0 / 0
Регистрация: 22.05.2013
Сообщений: 7
1

Горионтальное адаптивное меню в 2 строки - правильная расстановка переносов

05.11.2015, 12:14. Показов 779. Ответов 1
Метки нет (Все метки)

Всем привет!
Уже долго ломаю голову, нужно сделать чтобы это меню было в 2 строки, а не в 3...
Как? Честно говоря хз, дело в том что хотелось бы чтобы у пунктов при этом была разная ширина в длинну первого слова, а там где одно, в одно слово.

CSS
1
.bx-nav-1-lvl>a span{padding:10px 14px 14px;width:156px;max-width:100%;word-wrap:normal;word-break:keep-all;hyphens:manual;vertical-align:middle;display:inline-block}
Миниатюры
Горионтальное адаптивное меню в 2 строки - правильная расстановка переносов  
__________________
Помощь в написании контрольных, курсовых и дипломных работ, диссертаций здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.11.2015, 12:14
Ответы с готовыми решениями:

Расстановка переносов
Во всем тексте у меня выбрана автоматическая расстановка переносов, но в тексте имеются заголовки....

Расстановка переносов - MS Word
Доброго времени суток! Помогите пожалуйста написать макрос, который бы осуществлял расстановку...

Автоматическая расстановка переносов
Чтобы в большом документе расставить переносы, я зажимаю клавиши Alt + Д и так держу пять-шесть...

Расстановка мягких переносов в текстах
Итак, я решил озаботиться расстановкой мягких переносов в своих текстах. Заниматься...

1
0 / 0 / 0
Регистрация: 22.05.2013
Сообщений: 7
05.11.2015, 12:19  [ТС] 2
CSS
1
.bx-top-nav-container{margin-top:15px;padding:0 10px;color:#fff;border-radius:0;position:relative;font-family: "Open Sans",sans-serif}.bx-top-nav-container .bx-nav-list-1-lvl{margin:0;padding:0;vertical-align:middle;list-style:none}.bx-top-nav-container .bx-nav-1-lvl{float:left;position:relative}.bx-top-nav-container .bx-nav-1-lvl>a{color:#fff;font-weight:400;text-decoration:none;border-radius:0;padding-top:6px;padding-bottom:2px;border-bottom:0}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:10px 14px 14px;width:144px;max-width:100%;white-space: nowrap;word-wrap:normal;word-break:keep-all;hyphens:manual;display: table-cell}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.11.2015, 12:19
Помогаю со студенческими работами здесь

Расстановка переносов на страницах сайта
В какой-то статье проскользывала мысль о расстановке переносов на страницах сайта. Кто-нибудь...

Правильная расстановка отступов
Здравствуйте. Дан простой код, в котором я никак не могу правильно расставить отступы. GHCi...

Bootstrap и адаптивное меню. При уменьшении меню распадается на несколько строк
меню до уменьшения выглядит так после уменьшения так используется Bootstrap.

Адаптивное меню. Глюк в виде выделения пунктов меню
Описание проблемы.. Есть меню. При "собранном" состоянии, когда несколько раз нажать кнопку...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru