Deaktivieren Sie Abschneiden ListView Header jquery Mobile für langen Text (einzelnes Wort) - javascript, jquery, jquery-ui, listview, jquery-mobile

Ich habe eine jquery mobile listview. Derzeit wird die Kopfzeile der Listenansicht abgeschnitten und der Text endet mit "...". Ich möchte dieses Verhalten deaktivieren und den vollständigen Text anzeigen. Ich bin auf ein paar Lösungen gestoßen, aber keine davon funktioniert für ein einziges Wort. Text ohne Leerzeichen, zum Beispiel eine E-Mail-Adresse, funktioniert nicht.

Antworten:

DEMO

Das CSS, nach dem Sie suchen, ist word-wrap:break-word;

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

Für mehr Browserunterstützung können Sie Folgendes versuchen:

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+ */
}