Ограничение длины строки в CSS

52

Hephaestus

9 декабря 2011, 04:50

12707

Доброго времени суток!

Имею проблему на сайте, связанную с длинным именованием меню. Строчка залезает на другой блок. Подскажите, как организовать написание заголовка меню в 2-3 строчки?

сolor: #000000;

font-family: Tahoma,Arial,Helvetica,Sans-Serif;

font-size: 24px;

font-weight: normal;

line-height: 36px;

margin: 0;

min-height: 36px;

padding: 0 10px 0 47px;

white-space: nowrap;

word-wrap: break-word;

overflow:auto;

Пробовал заменять последнюю строчку на overflow:hidden, но эффект нулевой. Может имеет смысл обратить внимание на php скрипт вывода страницы?

N9

11

nautilus99

9 декабря 2011, 06:45

#1

А просто в коде (в заголовке меню между словами) перенос строки, <br />, поставить?

V

23

veterinar

9 декабря 2011, 08:05

#2

элемент блочный ?

171

Joker-jar

9 декабря 2011, 08:13

#3

Задать явно ширину/максимальную ширину

H

52

Hephaestus

11 декабря 2011, 06:22

#4

Joker-jar:
Задать явно ширину/максимальную ширину

Как это указать в стиле? Ширина блока ограничена, но текст выходит за границы блока.

veterinar:
элемент блочный ?

Да

nautilus99:
А просто в коде (в заголовке меню между словами) перенос строки, <br />, поставить?

Там выводящий скрипт php. Там придется строчку добавлять вида


echo '';, боюсь, что все поплывет.

E

191

extruder

11 декабря 2011, 11:52

#5

У тебя ширина width не задана, из-за этого overflow: hidden не срабатывает по ширине.

extruder добавил 11.12.2011 в 14:54

А это что такое:

white-space: nowrap;

word-wrap: break-word;

Не запрет ли переноса строки?

Выбираю прокси здесь: https://goo.su/zUub4. Хотите купить и Вы?

71

palladin_jedi

11 декабря 2011, 20:34

#6

Чтобы

Hephaestus:
word-wrap: break-word;

работал - задай фиксированную ширину блока.

Но выглядеть будет по-уродски.

Сайт о web-разработке и прочем (http://seazo.net)||Продвижение статьями под Google (http://short.seazo.net/ght4zf) Бесплатные консультации рефералам Sape (http://www.sape.ru/r.SWfwWOblBo.php) PHP и JS скрипты на заказ, создание сайтов с нуля и на CMS.

V

23

veterinar

11 декабря 2011, 21:14

#7

ну в блочном явно задай ширену и оверфлоу хиден должно работать

168

dma84

12 декабря 2011, 06:07

#8

extruder:

white-space: nowrap;

word-wrap: break-word;

Не запрет ли переноса строки?

Ага, улыбает)

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Зачем быть уникальным в мире, где все можно скопировать