Yayılma sınırı metin uzunluğu ile ilgili temel sorun, kesik veya eksik iletilere yol açabilmesidir. Bu, görüntülenen metnin önemli olduğu veya hayati bilgiler içerdiği durumlarda özellikle sorunlu olabilir. Metin çok uzunsa kesilebilir ve kullanıcı tarafından okunduğunda bir anlam ifade etmeyebilir. Ek olarak, metin kısaltılırsa, amaçlanan anlamı aktaramayabilir ve karışıklığa veya yanlış yorumlamaya yol açabilir.
<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>
1. Bu satır, aralığın maksimum genişliğini 100 piksel olarak ayarlar:
`
HTML'de 'Span' Nedir?
HTML element, bir belgedeki satır içi öğeleri gruplandırmak için kullanılır. Öğeleri birlikte gruplandırmanıza ve gruplanan öğelere stiller, düzen ve nitelikler uygulamanıza olanak tanıyarak bir belgeye yapı eklemenin bir yolunu sunar. Span öğesi satır içi bir öğedir ve belgeye yeni bir satır veya blok düzeyinde öğe eklemez.
Aralıktaki metni nasıl sınırlandırırım
CSS max-width özelliğini kullanarak HTML'deki bir span öğesindeki metni sınırlayabilirsiniz. Bu özellik, bir öğe için maksimum genişlik belirlemenizi sağlar ve bu genişliği aşan herhangi bir metin kesilecektir. Bu özelliği kullanmak için CSS stil sayfanıza ekleyin ve istediğiniz maksimum genişliğe ayarlayın:
aralık {
maksimum genişlik: 200 piksel;
}
Bu, sayfanızdaki yayılma öğelerini maksimum 200 piksel genişliğinde sınırlayacaktır. Bu genişliği aşan herhangi bir metin üç nokta (…) ile kesilecektir.
