Как сделать так, чтобы в пункте меню, состоящим из нескольких слов, слова записывались в "столбик"?

Пнд, 21/11/2016 - 08:39

Здравствуйте, уважаемые форумчане.
Нашел среди тем, представленных на drupal.org, подходящую (https://www.drupal.org/project/venture_theme), однако есть одна загвоздка.
В структуре меню моего сайта есть довольно ёмкие по текстовому содержимому пункты меню. Например, "Материально-техническое обеспечение и оснащенность образовательного процесса". Это приводит к тому, что когда выбираешь пункт Главного меню, который располагается в верней части сайта, а подменю содержит длинный пункт, наподобие указанного выше, то само это подменю может растягиваться на всю ширину экрана. Это довольно неудобно, учитывая то, что у этих подпунктов могут быть ещё и подподпункты.
Подскажите, пожалуйста, как можно настроить стили так, чтобы, например, если пункт длинный (2 и более слов), то слова записывались не в строчку, а в столбец -- друг под другом?
С уважением, Владислав.

0 Спасибо

Комментарии

Аватар пользователя sas@drupal.org
7 months 2 дня назад sas@drupal.org #

Технология обычно иная - либо ограничивают ширину через max-width, либо применяют display:flex; direction ...
но если очень хочется безумного секса, можно конечно кажде слово в препроцессе обернуть в тег span

1 Спасибо
Аватар пользователя BatKor
7 months 2 дня назад BatKor #

CSS тебе в помощь.

0 Спасибо
Аватар пользователя smekalin
7 months 1 день назад smekalin #

Хорошо. Благодарю :)

0 Спасибо
Аватар пользователя smekalin
6 months 4 недели назад smekalin #

Чего-то ничего не получается.
Отыскал стили, которые отвечают за внешний вид ниспадающего меню. Установил width:185px;, однако это привело только к тому, что изменилась только ширина блока, в котором отображается текст пунктов (ссылок), а сами ссылки как были записаны в одну строчку, так и остались...

0 Спасибо
Аватар пользователя Studio VIZA
6 months 4 недели назад Studio VIZA #

Обсудите всё-же, с заказчиком вероятный вариант сокращения, и будьте в этом вопросе более принципиальны.

0 Спасибо
Аватар пользователя smekalin
6 months 4 недели назад smekalin #
Studio VIZA написал:
Обсудите всё-же, с заказчиком вероятный вариант сокращения, и будьте в этом вопросе более принципиальны.

Спасибо, но, к сожалению, это практически невозможно, поскольку названия пунктов определяется приказом МинОбрНауки и должны соответствовать слово-в-слово.

0 Спасибо
Аватар пользователя Studio VIZA
6 months 4 недели назад Studio VIZA #

pre-wrap
В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку.

1 Спасибо
Аватар пользователя smekalin
6 months 3 недели назад smekalin #
Studio VIZA написал:
pre-wrap

В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку.

Благодарю, всё отлично помогло.

0 Спасибо