jQuery mobile: Aktivieren Sie den Zeilenumbruch in ListViews

8

Ich habe eine Listenansicht (siehe Foto unten), die ich möchte den gesamten Inhalt in Worte fassen, anstatt ... zu den langen Zeilen hinzuzufügen.

Wie wird das gemacht?

    
BahaiResearch.com 16.03.2012, 19:57
quelle

4 Antworten

19

Sie müssen nur das CSS für das Element .ui-li-desc aktualisieren, das den Text in Ihrem Listenelement enthält:

%Vor%

Hier ist eine Demo: Ссылка

Einige gute Dokumentation für white-space : Ссылка

Hier ist ein Beispiel für ein Listenelement aus meinem Test listview , nachdem jQuery Mobile es initialisiert hat:

%Vor%     
Jasper 16.03.2012, 20:03
quelle
5

Mein Vorschlag wäre, ein Div innerhalb der <li> zu verwenden und das gewünschte spezifische Verhalten festzulegen, anstatt das Gesamtverhalten des jquery mobile css zu ändern. Mit diesem können Sie nur die spezifische Sache haben, um sich so zu verhalten, wie Sie wollen.

    
Amar Pratap 19.02.2013 02:28
quelle
3

Fügen Sie im Abschnitt li einen Abschnitt div mit style="white-space:normal;" hinzu, der den Zeilenumbruch erzwingt.

    
taumoeps 12.07.2014 17:25
quelle
3

In jQuery mobile 1.4.4 hat das funktioniert:

%Vor%     
Michaël Witrant 16.10.2014 10:50
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie lese ich eine XML-Datei mit Java?