İnternet içerikten oluşur, içerik kelimelerden oluşur ve kelimeler çok uzun olabilir. Ve er ya da geç, web yöneticisi uzun kelimeleri aktarma problemiyle karşı karşıya. Bu sorun, özellikle adaptif tasarım ve küçük içerik blokları için geçerlidir. Peki, bu problemle nasıl başa çıkılır?

Tire

Uzun kelimeleri transfer etmek için ilk çözüm - tire ile.

Defisi (-Webkit-Hyphens: Auto; -Moz-Hyphens: Auto; -MS-Hyphens: Otomatik; Tire: Otomatik;)

Tarayıcı Desteği: CSS-DefisiTes, Chrome, Opera, Android hariç, hemen hemen tüm modern tarayıcılar tarafından desteklenir. Ayrıca, çok sık, tire, gramer bir bakış açısıyla hatalı olan yerlere yerleştirilir.

Açık sözler

Bir kelime arası, kelimelerin içindeki satırları kırmayı gösteren bir CSS özelliğidir.

Obriv-Slova (-MS-Word-Break: Break-Hepsi; Word-Break: Break-Hepsi; Word-Break: Break-Word;)

Destek tarayıcıları: Fatil, Opera Mini ve Eski Opera sürümleri hariç tüm tarayıcılarda desteklenir.

Taşma sarıcı

Aşağıdaki çözüm, taşma ambalajının (taşma sargısı) kullanımıdır.

Obertka-Perepolneniya (Word-Wrap: Break-Word; Taşma Sarma: Break-Word;)

Tarayıcı Desteği: Neredeyse tüm tarayıcılarda desteklenir. NOT: Bazı tarayıcılar "taşma sarma" yerine "Word-Wrap" kullanımını gerektirir.

Nokta

Başka bir seçenek, elipsis kullanmaktır.

Mnogotochiye (Taşma: Gizli; Beyaz-Boşluk: NowRap; Metin Taşması: Ellipsis;)

Tarayıcı Desteği: Tüm modern tarayıcılar tarafından desteklenir.

Bu bir çalışma yöntemidir, ancak mükemmel değil.

Son çözüm: Taşma ve tire üzerine sarma kullanın.

Finalnoye-Resheniye (Taşma Sarma: Break-Word; Word-Wrap: Break-Word; -Webkit-Hyphens: Otomatik; -MOZ-Hyphens: Otomatik; Tireler: Otomatik;)

Bu çözüm, tarayıcının, onu destekleyen, bir tire yerleştirmeyi ve tarayıcılarını desteklemediği için bir dize boşluğu ekler.