HTML/CSS Boşluk

Question

kırma Ben

http://jsfiddle.net/rkEpx/

gibi biçimlendirme ile neden merak ediyorum ben

olsun Gördüğünüz gibi, 1. ve son menü öğeleri kendi bağlantı kırmış genişletmek için yeterli alana sahip 3 hatta. Hiç yer olmadıkça hattın kesilmemesi mümkün mü? Mümkün ise sabit bir genişlik veya kırılmayan boşluklar kullanmadan mı?

Answer 1

  HTML öğesi veya white-space: nowrap; CSS. Ama gerçekten yer yoksa bile kopmaz.

Sen için display: inline-block; yerine float: left; kullanarak deneyebilirsiniz senin li, img ve/veya p.

http://jsfiddle.net/2Mv2E/

Answer 2

deneyin ekleyerek:

li { 
    padding: 0; 
    margin: 0 3px 0 0; 
    float: left; 
    max-width: 120px; 
white-space: nowrap; 
} 

Answer 3

Ben böyle davranma neden hiçbir fikrim yok, ama sizi yüzen bunu düzeltebilirsiniz görünüyor p 'ın yanı:

p { 
    float: left; 
} 

Tarayıcınızın gereksinimlerine bağlı olarak, görüntüden hemen sonra p yüzmeyi de seçebilirsiniz:

img + p { 
    float: left; 
}