word-wrap: break-word не обрезает слова

[nitsik]

Здравствуйте. При уменьшении ширины окна word-wrap: break-word не обрезает слова, пример http://vkmp3.org/mp3/%D0%90%D1%80%D0%B8%D1%8F/ - при ширине окна, скажем, 600 px, внизу появляется горизонтальная линия прокрутки, т. к. некоторые строки слишком длинные и не обрезаются. Можно ли это как-то избежать?

[TuTaHuKk]

Свойство word-wrap -  указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область. 

break-word - Перенос строк добавляется автоматически, чтобы слово поместилось в заданную ширину блока.

 

Но не как не обрезаются!!

Покажите код, а не картинку!!

[afdw]

.mp3 .song {

color: #9B9B9B;

display: inline-block;

padding: 0 2px;

text-decoration: none;

cursor: pointer;

word-wrap: normal;

text-overflow: ellipsis;

width: 100%;

white-space: nowrap;

overflow: hidden;

}

[nitsik]

Свойство word-wrap -  указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область. 

break-word - Перенос строк добавляется автоматически, чтобы слово поместилось в заданную ширину блока.

 

Но не как не обрезаются!!

Покажите код, а не картинку!!

Код выше уже привели, я специально ссылку привел, в хроме через просмотр кода элемента все видно, я ж и хочу, чтобы переносились, есть мысли, почему некорректно работает и как это исправить?

[Switch74]

пробелы после запятых не забывайте ставить

[nitsik]

Пробелы ставлю не я, это текст из соц. сети Вконтакте, я конечно могу порезать и в php, но почему-то хочется решить вопрос именно с помощью css. Есть предложения по сути?

p. s. в общем проблема в display:inline-block. Без него отрабатывает как надо.

.mp3 .song {  color: #9B9B9B;  display: inline-block;  padding: 0 2px;  text-decoration: none;  cursor: pointer;  word-wrap: normal;  text-overflow: ellipsis;  width: 100%;  white-space: nowrap;  overflow: hidden;}

Спасибо, не сразу понял, что это предложенное решение, невнимательно посмотрел, думал это css с сайта, тоже прикольный вариант, но хочется все же, чтобы был виден весь текст.

Edited May 20, 2015 by nitsik