2011-09-04 22 views
160

Hat çıkışı olmaksızın görüntülemek istediğim <span> elemanım var. Bunu nasıl yapabilirim? CSS'nizdeYayılma noktasının kesilmesini önle

+0

Eğer onay bunları bastırmak için arıyorsanız http://stackoverflow.com/questions/425274/prevent-line-paragraph-breaks-in-contenteditable/14266096#14266096 – amwinter

cevap

268

koyun bu:

white-space:nowrap; 

burada daha fazla bilgi edinin: http://www.w3.org/wiki/CSS/Properties/white-space

white-space

white-space mülkiyet öğesinin içinde beyaz boşluk nasıl işleneceğini beyan eder.

normal Bu değer, boşluk dizileri daraltmak ve hat kutuları doldurmak için gerekli satırları kırmak için kullanım maddeleri yönlendirir Değerler.

pre Bu değer, kullanıcı aracılarının beyaz boşluk dizilerinin çökmesini önler. Satırlar yalnızca kaynaktaki yeni satırlarda veya oluşturulan içerikte "\ A" oluşumunda kırılır.

nowrap Bu değer 'normal' gibi, boşluğu kapatır, ancak metin içinde satır sonları bastırır.

pre-wrap Bu değer, kullanıcı aracılarının beyaz boşluk dizilerinin çökmesini önler. Çizgiler, kaynakta yeni satırlarda, oluşturulan içerikte "\ A" oluşumunda ve satır kutularını doldurmak için gerekli olduğunda kırılır.

pre-line Bu değer, kullanıcı aracılarını beyaz boşluk dizilerini daraltmaya yönlendirir. Çizgiler, kaynakta yeni satırlarda, oluşturulan içerikte "\ A" oluşumunda ve satır kutularını doldurmak için gerekli olduğunda kırılır.

inherit Öğenin üst öğesi için belirtilenle aynı değeri alır. Yalnızca uzay karakterler satır sonu engellemek için gerekirse

+3

Ayrıca, buraya daha fazla doküman eklemek de güzel: http://www.w3.org/wiki/ CSS/Properties/white-space –

+12

Çok fazla yayınız olduğunda div nside ve tek satır açıklıklı olmak istiyorsanız tek satırlık div değil, aynı zamanda span eklemek gerekir: inline-block ;. Umarım birileri için yardımcı olur. – walv

11

, sen kelimeler arasında &nbsp; varlıkları kullanabilirsiniz:

No&nbsp;line&nbsp;break 

yerine

<span style="white-space:nowrap">No line break</span>