Відключити truncate listview заголовок jquery mobile для довгого тексту (єдине слово) - javascript, jquery, jquery-ui, listview, jquery-mobile

У мене мобільний перегляд jquery. Наразі заголовок списку списків скорочується, а текст закінчується символом "...". Я хотів би відключити цю поведінку і показати повний текст. Я зіткнувся з кількома рішеннями, але жодне з них не працює ні на одне слово. тобто текст без пробілів, наприклад, електронна адреса не працює.

Відповіді:

DEMO

CSS, який ви шукаєте, є word-wrap:break-word;

ul li h2 {
white-space: normal !important;
word-wrap:break-word;
overflow-wrap: break-word;
}

Для отримання додаткової підтримки браузера ви можете спробувати:

ul li h2{
white-space: pre !important;           /* CSS 2.0 */
white-space: pre-wrap !important;      /* CSS 2.1 */
white-space: pre-line !important;      /* CSS 3.0 */
white-space: -pre-wrap !important;     /* Opera 4-6 */
white-space: -o-pre-wrap !important;   /* Opera 7 */
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -hp-pre-wrap !important;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}