CSS ile orta linkli kelime sarmasından nasıl kurtulabilirim?

Question

benim navigasyon alanı için yatay olarak görüntülenen öğelerin bir listesi var, ama böyle sarmak istediğinizde bu

| This is Item One | This is Item Two | This is Item Three | This is 
Item Four | This is Item Five | 

gibi, orta linki sarıyor:

| This is Item One | This is Item Two | This is Item Three 
| This is Item Four | This is Item Five | 

kullanıyorum çalıştı Bağlantı öğelerimdeki (li a) whitespace: nowrap bildirimi, ancak sadece ikinci (sarılmış) çizginin tamamen yok olmasını sağlar.

Answer 1

Ne arıyorsun white-space property olduğuna inanıyorum:

.menu a { 
    white-space: nowrap; 
} 

Diğer bir seçenek sabit genişlik atamak ve sola her menü öğesi yüzer olacaktır.

.menu a { 
    display: block; 
    float: left; 
    width: 200px; 
} 

Elbette, CSS HTML'nize bağlı olarak değişecektir. Menüleri sıralanmamış bir listeye koymanızı ve bu stilleri liste öğelerine uygulamanızı öneririm.

Answer 2

benim emrinde senin stilleri ve biçimlendirme herhangi birine sahip olmadan, bu (bu senin sorunun tam olarak ne olduğu bir tahmin var gibi) ben bir çözüm sunabilir en iyisidir:

yapmanız gereken tek şey display:inline-block uygun <a> etiketlerine uygulanır.