Boşluksuz uzun kelimeleri bölmek için CSS çözümü – word-wrap & break-word
Türkçe en uzun kelime “Muvaffakiyetsizleştiricileş tiriveremeyebileceklerimizden mişsinizcesine” kelimesidir. Tasarımlarınızı bu en uzun kelimeye göre yaparsanız sıkıntı yaşamazsınız. Ancak bildiğiniz gibi yanlış yazım vb durumlarda uzun bir metin boşluksuz şekildeyse, tek kelime olarak algılanır ve sitenin yapısını altüst etmeye yetebilir. Aşağıdaki class’ı containerınıza eklerseniz sorun çözülecektir.
1 2 3 4 5 6 7 | .wrapword{ white-space: -moz-pre-wrap !important; /* webkit */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } |
* Uzun kelimeleri anlamsız böler.