Özel mola kelimesi

Question

Bir harita üzerinde çalışıyorum ve kelime çok uzun olduğunda sorun yaşıyorum. Metne bir özellik eklemenin mümkün olup olmadığını bilmek istiyorum, böylece son sembol uzayına, skora, alt çizgiye, eğik çizgiye ve diğer noktalama işaretlerine bölünür

Başka bir deyişle, daha fazla sembolün boşluk gibi yorumlanmasını istiyorum varsayılan boşluklar için.

word-wrap: break-word veya word-break: break-all'u kullanmayı deniyorum, ancak beklenen sonuç değil ... Bu, yalnızca sembol yoksa, satırları kesmek için CSS'ye bunlardan 1'i ekleyeceğim istediğim şeydir (bu arada 'kullanmak farklar/wich bir/neden)

İşte ne istiyorsunuz bir örnek (ve ne denedim)

http://jsfiddle.net/uazk54pL/

düzenleme hakkında emin değilim

Bu arada, JavaScript kullanmadım çünkü css ile olabileceğini düşündüm ve nasıl yapılacağından emin değilim ... ama daha iyi bir çözüm bulunamazsa, buna karşı değilim:

.tmp { 
 
    border: black 1px solid; 
 
    width: 100px; 
 
    margin: 5px; 
 
} 
 
#wrap { 
 
    word-wrap: break-word; 
 
} 
 
#break { 
 
    word-break: break-all; 
 
} 
 
}

nothing 
 
<div id="nothing" class="tmp"> 
 
    hi im/a-longword 
 
    <br/> 
 
    <br/>breaklineon-and_and and/ 
 
    <br/> 
 
    <br/>ifnosymboliwantwordbreak 
 
</div> 
 
word-wrap: break-word; 
 
<div id="wrap" class="tmp"> 
 
    hi im/a-longword 
 
    <br/> 
 
    <br/>breaklineon-and_and and/ 
 
    <br/> 
 
    <br/>ifnosymboliwantwordbreak 
 
</div> 
 
word-break: break-all; 
 
<div id="break" class="tmp"> 
 
    hi im/a-longword 
 
    <br/> 
 
    <br/>breaklineon-and_and and/ 
 
    <br/> 
 
    <br/>ifnosymboliwantwordbreak 
 
</div> 
 
expected 
 
<div id="expected" class="tmp"> 
 
    hi im/a- 
 
    <br/>longword 
 
    <br/> 
 
    <br/>breaklineon- 
 
    <br/>and_and and/ 
 
    <br/> 
 
    <br/>ifnosymboli 
 
    <br/>wantwordbr 
 
    <br/>eak 
 
</div>

Answer 1

Sonunda yöntem Sorunun yorumlarda anlatmak kullandı. Metnim JavaScript ile ekledikçe, sayfamıza eklemeden önce özel karakterlerden sonra sadece   eklentisini yapıyorum.

str.replace(/([-/_])/g,"$& ") 

Ayrıca ben `Sen` ­ ile kelimeleri yumuşak heceleme işaretleri ekleyebilirsiniz

Answer 2

Ben senin örnekte css güncelledik. Bir bak, eğer yapmaya çalıştığın şey buysa.

http://jsfiddle.net/uazk54pL/1/

CSS şuna benzer:

.tmp { 
    border:black 1px solid; 
    width:100px; 
    margin:5px; 
    position:relative; 
    word-wrap: break-word; 
}