Перенос в заголовке топика

Вопросы
Стал добавлять топики на свой ресурс и заметил очень не красивую вещь.
Слова в длинных заголовках ужасно переносятся. Хотелось бы видеть перенос не по буквам а по словам.
Надеюсь поможете советом. Возможно подобная тема уже поднималась.

Вот кстати на сайте этого сообщества сделано так. Можете сами заметить, что при сжатии браузера перенос на новую строку происходит по словам.

Может в шаблоне дело? У меня вот стоит шаблон «new».

4 комментария

avatar
Может в шаблоне дело? У меня вот стоит шаблон «new».
именно так. добавьте класс к заголовку в шаблоне:
.word-wrap {
    white-space: normal;
    word-wrap: break-word;
}
avatar
Спасибо что задали направление. Не знал что это с помощью css реализуется.
После получаса быдлокодерства я заметил что класс word-wrap уже существует. Найти его в css файлах мне не удалось. НО, при удалении этого класса в файле topic_part_header.tpl (строка: 6)
<h1 class="title word-wrap">

Все прекрасно заработало. Я до сих пор ничего не понял… )
Будем надеяться в дальнейшем не возникнет проблем с этим.
avatar
Все прекрасно заработало. Я до сих пор ничего не понял… )
возможно, в вашем шаблоне в этом классе указаны другие свойства, нежели указал я, поэтому и сработало.
avatar
У меня такой же шаблон. Данный класс описывается в css/common.css
Всё дело в свойстве word-break: break-all; Удалил, всё стало как надо.

Вообще не понимаю какая разница между word-break: break-all; и word-wrap: break-word;
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.