Kelime molası nasıl taklit edilir: break-word; IE9, IE11 ve Firefox için

Question

IE9, IE11 ve Firefox için word-break: break-word; nasıl taklit edilir?

Chrome'da çalışıyor gibi görünüyor. Ben sadece standart olmayan bir webkit olduğunu öğrendim ve anladım.

overflow-wrap: break-word; 

Ayrıca aşağıda belirtilen CSS çalıştı Bilginize, ben kullanarak denedi

,

white-space: pre-wrap; 

Ve biraz daha gibi,

word-wrap: break-word; 
word-break: break-word; 

Ama bunlar görünmüyor çalışmak.

I yaparak (metni içeren) açıklığa sabit genişlik sağlayamaz bu metin dinamiktir ve kullanıcının Coğrafi konumuna göre değişir açık olarak display: block;. Şu anda yaklaşık 18 dili destekliyoruz.

Bu kod böyle görünüyor,

html,

<div id="grid2"> 
    <span id="theSpan">Product Support</span> 
</div> 

CSS

#theSpan{ 
    white-space: pre-wrap;  /* CSS3 */ 
    white-space: -moz-pre-wrap; /* Firefox */  
    white-space: -pre-wrap;  /* Opera 7 */ 
    white-space: -o-pre-wrap; /* Opera 7 */  
    word-wrap: break-word;  /* IE */ 
    word-break: break-all; 
} 

#grid2{ 
    width: 100px; 
} 

Bu şuna benzer,

Bunun gibi olmak istiyorum

,

unutmayın: Ben tercüme metin çok uzun dillerin Bazı gelince word-break: break-all; kullanmak zorunda
ve ızgara dışında taşıyor . 'Ürün Desteği' metni dinamiktir.

Güncelleme:
ben id, Izgara2 ile div için sabit genişliğe sahiptir. Çevrilmiş metnin dillerinden birinde çok uzun, Tek bir kelime ve grid2 div'den dışarı akar.

Kodu da güncelleştirildi.

Answer 1

Aradığınızı elde etmek için display:table-caption kullanın.

HTML

LIVE DEMO

:

<div id="grid2"> 
    <span id="theSpan">Product Support</span> 
</div> 

CSS: Bu yardımcı olur

#theSpan{ 
    display:table-caption; 
} 

Umut.

word-break: break-word; 
word-wrap: break-word; 

benim sorunum durumda zaten kullanıyordu:

Answer 2

Sadece kullanarak Chrome, Firefox ve IE iyi bir başarı elde ettiler

display: table-cell; 

ve ben

dahil etmek zorunda sona erdi Tüm tarayıcılarda kaydırma yapmak için

. Çoğu durumda maksimum genişlik gerekli değildir.