Bu tekniğin birkaç meşru kullanım durumu vardır. Örneğin, başlıkları ve açıklamaları içeren bir tablonuz olabilir. Başlığa daha fazla yer kazandırmak için, küçük görünümlerde açıklamayı tek satırla sınırlandırırsınız ve açıklamayı bu öğenin ayrıntı sayfasında tekrarlarsınız.
Bununla birlikte, genellikle düğmeler gibi öğelerde veya hatta form etiketleri üzerinde, onları daha güzel (?) hale getirmek için veya dikey olarak hizalarken kullanıldığını görüyorum. Ancak görünüm penceresini değiştirdiğinizde veya metni yeniden boyutlandırdığınızda metnin sonu kaybolur.
Sanırım "... belirli durumlarda kullanılırsa" ifadesi oraya ait, ancak bu olmadan kesinlikle daha iyi bir blog yazısı başlığı sağlar. Eric'in dediği gibi metni kısaltmanın meşru kullanım durumları var. Belki sadece birkaçı ama yine de meşru.
Nihai amaç, verilerin "kaybedilmesini" önlemektir. bu kesinlikle CSS'de olabilir. Yanlışlıkla bir kaptan taşan metin, orada olmadığı için kaybolur. Ve eğer bu metin orada değilse, web'de şimdiye kadar yayınlanmış en iyi ve en iyi hazırlanmış harekete geçirici mesaj olsa bile kullanıcılar onu kaçıracaktır.
Eric, metnin şu şekilde kısaltılmasının mümkün olmadığına dikkat çekiyor: text-overflow: ellipsis
görünür. Bir kez gittiğinde, gitmiştir (ekran okuyucular bunu duyuruyor gibi görünse de). Neredeyse veri kaybı. Bu senin için sorun olmayabilir. Ne olduğunu ve bunun amaçlandığını bildiğiniz sürece bu harika bir şey.
Ama Eric'in bana bunu paylaşma isteği uyandıran sözleri şunlar:
İçeriği tasarımınıza uyacak şekilde kısıtlamayın, CSS'nizi daha uzun kelimeleri zarif bir şekilde işleyecek şekilde esnek hale getirin.
Yine sen olabilir İçeriği tasarıma uydurmak istiyorsanız. Ama muhtemelen Eric gibi şunu iddia edeceğim: Tasarım içeriğe uyum sağlamalı tam tersi değil. Bir sayfadaki metnin önemsiz olduğu veya bir CSS özelliği tarafından belirlenen herhangi bir noktada kesilmesi durumunda serinkanlılıkla kesebileceğim ölçüde amaçsız olduğu herhangi bir durumu hatırlamakta zorlanıyorum. Belki her gönderinin kesilmeden önce gönderi içeriğinin bir alıntısını gösterdiği bir blog gönderileri arşivi olabilir, ancak bu tam olarak bir kullanım durumu değildir. text-overflow: ellipse
.
CSS, değişen metin uzunluklarını hesaba katan esnek bir tasarım oluşturacak araçlara sahiptir. Yani belki de yanılmışızdır savunma amaçlı CSS yazma… Sorunları öngören ve farklı içerik senaryolarını zarif bir şekilde nasıl ele alacağını bilen CSS. text-overflow: ellipsis
bunun için CSS cephanenizin bir parçası olabilir. Ancak bebeği banyo suyuyla birlikte dışarı atmak da olabilir. Bu verileri kaybetmenin, içeriğin saçını kesmeden önce yapması gerekenlerin maliyetine değip değmeyeceğini sormaya değer.
Metni kısaltmaktan bahsederken…
Satır Sıkıştırma (Çok Satırlı Metnin Kesilmesi)
Asimetrik Tasarımın Benimsenmesi
Flexbox ve metin üç noktasını birlikte kullanma
"Daha fazlasını göster" düğmesiyle çok satırlı kesilmiş metin
Paylaşılan Bağlantıya - CSS-Püf Noktalarında Kalıcı Bağlantı
Metin taşması: üç nokta zararlı olarak kabul edildi aslen yayınlandı CSS Hileleri. Malısın bülteni al.
- '
- 2019
- 2020
- 2021
- 2022
- a
- Hakkımızda
- Action
- duyurmak
- Arşiv
- etrafında
- Cephanelik
- göre
- avatar
- Bebek
- önce
- İYİ
- Daha iyi
- Blog
- Blog Yazıları
- çağrı
- dava
- durumlarda
- belli
- değişiklik
- Konteyner
- içerik
- veri
- savunma
- tanım
- Dizayn
- ayrıntı
- farklı
- her
- kucaklama
- kesinlikle
- örnek
- uygun
- esnek
- Airdrop Formu
- Verilmesi
- gol
- sap
- olmak
- Ne kadar
- Nasıl Yapılır
- HTTPS
- sorunlar
- IT
- Bilmek
- Etiketler
- çizgi
- LINK
- Uzun
- Bakın
- yapılmış
- yapmak
- YAPAR
- olabilir
- Daha
- çoğu
- çoklu
- Diğer
- Bölüm
- Nokta
- noktaları
- Mesajlar
- özellik
- yayınlanan
- amaç
- RE
- okuyucular
- tekrar et
- Ekran
- duyu
- paylaş
- Paylaşılan
- durum
- küçük
- So
- bir şey
- uzay
- konuşma
- The
- Atma
- zaman
- Başlık
- birlikte
- araçlar
- nihai
- kullanım
- kullanıcılar
- gözle görülür
- Su
- ağ
- Ne
- olup olmadığını
- olmadan
- sözler
- değer