2011-12-03 21 views
33

word-wrap: break-word;'u denedim, ancak sözcüklerin ortalarını ayırır.Eğer taşması durumunda bir sonraki satıra nasıl bir metin yazabilirim?

+0

Eğer bulundukları div üzerinde max-width ayarı denediniz hile yapmak gerekir eklemek bu? – diceler

+0

Belki orta kelimeyi birbirinden ayırır, çünkü onu 'break-word' olarak ayarladınız, ne yapmasını beklediniz? Başka kelime seçeneklerine sahip misiniz? –

+0

Bu, çoğu bağlamdaki varsayılan davranıştır. Bir kod snippet'i verebilir misiniz? – sabof

cevap

14

Öğede bir genişlik belirttiğiniz sürece, başka bir şeye gerek kalmadan kendisini sarması gerekir.

+1

Hata bir parçasıydı. bir ön eleman. Bir kere p'ye geçtikten sonra bu cevap işe yaradı. – user784756

+0

"width: auto" değerini ayarlarsanız ne olur? Düğmemdeki metin hala ana kabının sağ kenarında kesiliyor. Herhangi bir fikir? – andy4thehuynh

+0

@andystructible Muhtemelen cevap vermek zor, bağlam eksik (başka hangi stilleri uygular). Yeni bir soru açmanızı öneririm. Bir olasılık, bir noktada "overflow: hidden" (düğme) 'e uygulandı, ya da düğme belge akışında değil (örneğin, sular altındaysa). –

43

word-wrap: break-word'u kullanabilmek için, bir genişlik (px cinsinden) ayarlamanız gerekir. Örneğin:

div { 
    width: 250px; 
    word-wrap: break-word; 
} 

sözcük kaydırma bir CSS3 özelliktir, ancak IE 5,5-9 dahil tüm tarayıcılarda çalışması gerekir.

+0

Ayrıca (inç) – joetinger

+0

içinde genişlik için çalışır Çok teşekkürler, ben çok satırlı metin içeriğini görüntülemek için bir etiket denetimi kullanarak bir datalist üzerinde genişlik ayarlamaya çalışırken, benim için bir sürü baş ağrısı kaydedildi ..Once tekrar teşekkürler. – Ron

+0

Ayrıca, React'ta genişlik yüzdeleri için çalışır – fungusanthrax

11
word-wrap: break-word; 

Kapsayıcınızla

İlgili konular