CSS

Question

'u kullanarak liste öğelerinde satır sonları nasıl engellenirim adlı bir bağlantıyı li etiketi kullanarak bir menüde devam ettirmeye çalışıyorum. İki kelime arasındaki boşluk nedeniyle iki satıra kadar kaydırır. Bu sargı CSS ile nasıl önlenir?

Answer 1

Kullanım white-space: nowrap;¹, ya da daha büyük değerlere li 'ın genişliği ayarlayarak bu bağlantıyı daha fazla yer vermek.

Answer 2

seçerek bunu başarmak istiyorsanız (yani: yalnızca o belirli bağlantı):

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

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

düzenleyebilir, bir bölünemez yerine normal bir boşluk alanı kullanabilirsiniz: Bu, OP tarafından talep edilen CSS değil, HTML olduğunu anlıyorum, ancak bazıları yararlı bulabilir ...

Answer 3

Bu küçük kod parçasını, satırın sonuna güzel bir "..." eklemek için ekleyebilirsiniz. içerik i Büyük s bir satıra sığacak şekilde:

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

Answer 4

görüntü: sıralı blok; Liste öğeleri

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

li{ 
    display: inline-block; 
}