HTML'de metin nasıl kelime kaydırılır?

Bir divin genişliğini (örneğin 200px) aşan `aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa gibi metinler nasıl sarılabilir?

CSS, jQuery vb. her türlü çözüme açığım.

Çözüm

Bunu dene:

div {
    width: 200px;
    word-wrap: break-word;
}
Yorumlar (8)

Bunun gibi yumuşak bir kısa çizgi kullanabilirsiniz:

aaaaaaaaaaaaa­aaaaaaaaaaaaaaa

Bu şu şekilde görünecektir

aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa

Eğer kutu yeterince büyük değilse veya

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Eğer öyleyse.

Yorumlar (7)
   div {
    // set a width
    word-wrap: break-word
}

39;word-wrap' çözümü yalnızca IE ve CSS3 destekleyen tarayıcılarda çalışır.

Tarayıcılar arası en iyi çözüm, uzun dizeleri bulmak ve düzenli aralıklarla içlerine html varlığını yerleştirmek için sunucu tarafı dilinizi (php veya her neyse) kullanmaktır. Bu varlık uzun kelimeleri güzel bir şekilde keser ve tüm tarayıcılarda çalışır.

Örneğin.

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​aaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Yorumlar (2)