Wie verhindert man Zeilenumbrüche in Listenelementen mit CSS

Question

Ich versuche, eine Verknüpfung namens Lebenslauf in einem Menü mit einem li Tag. Wegen des Leerraums zwischen den beiden Wörtern wird es zu zwei Zeilen umgebrochen. Wie verhindere ich das Umbrechen mit CSS?

Answer 1

Verwenden white-space: nowrap;¹ oder dass Link mehr Platz geben, indem li ‚s Breite auf größere Werte einstellen.

Answer 2

Wenn Sie diese selektiv erreichen wollen (zB: nur für diesen bestimmten Link):

<li>submit&nbsp;resume</li> 

http://en.wikipedia.org/wiki/Wikipedia:Line-break_handling#.26nbsp.3B

bearbeiten, können Sie einen non-breaking Raum statt eines normalen Raum verwenden können: Ich verstehe, dass dies HTML ist, nicht CSS wie vom OP angefordert, aber einige können es hilfreich finden ...

Answer 3

Sie könnten diesen kleinen Code-Schnipsel hinzufügen, um ein nettes "..." zum Ende der Zeile hinzuzufügen wenn der Inhalt i s zu groß, um auf einer Linie zu passen:

li { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

Answer 4

display: inline-Block; werden Zeilenumbrüche in Listenelemente

http://jsfiddle.net/Nash171/mwe4s0nc/46/

li{ 
    display: inline-block; 
}