Не дать CSS разбить предложение на тире

kriskotoo BG спросил: 07 октября 2018 в 02:11 в: html

Как я могу предотвратить появление такой строки:

1ffa6fyfguyyg-gfbhf-rtydrygd-dry6r-5r-rtd.jpg

из-за разбития на тире? ака

1ffa6fyfguyyg-
gfbhf-rtydrygd-
dry6r-5r-rtd.jpg

я пробовал следующий код:

.filename{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 95%;
}

Но не повезло.

в основном что Я пытаюсь сделать, это отобразить имя файла в элементе <td> и, если он слишком длинный, добавить три точки. он отлично работает на некоторых именах файлов, но на таких, как этот, он просто разбивает имя на тире

Заранее спасибо!


0 ответов