Einpacken eines Wortes mit CSS nach n Ziffern oder Pixel

Question

Ich benutze diesen Link. http://lodev09.github.io/bootstrap-suggest/

Wenn Sie auf dieser Seite mit der Eingabe von @ -Zeichen im ersten Textfeld beginnen, zeigt das System eine Dropdown-Liste mit bestimmten Werten an. Ich möchte sicherstellen, dass nach jeweils 20 Zeichen das System den Text in der nächsten Zeile umbrechen soll.

Ich habe versucht, folgenden Stil zu <li> Tag hinzufügen, aber es hat nicht geholfen.

word-wrap:break-word; 
max-width:30px; 

Answer 1

würde ich so etwas wie verwenden:

li { word-wrap:break-word; max-width:20ch;} 

Es ist nicht das Wort bei 20 Zeichen brechen, sondern wickelt der Text, wenn sie die Grenze 20 Zeichen trifft.

Answer 2

Addiert man diese Klasse half:

.dropdown.suggest>.dropdown-menu>li>a { 
    white-space: normal; 
}