Tasarım Kodlama

CSS ile Taşan Yazıya Üç Nokta Ekleme

Daha önceki yazılarda taşan yazıları alt satıra geçirmek için yapılması gerekenleri yazmıştık.

Bu yazıda taşan yazı mevcut div içine sığmadığında ekrana getirebileceğiniz 3 nokta sembolünü nasıl yapacağınızı göstereceğim.

Taşan yazıya 3 nokta eklemek için kullanacağımız text-overflow: ellipsis; özelliği olmadan aşağıdaki örneği oluşturuyorum.

Ekran çıktısı şu şekilde olacaktır.

text-overflow: ellipsis özelliği kullanma

Yukarıdaki örneğe text-overflow: ellipsis; özelliğini ekliyoruz.

Not: text-overflow özelliği, bir taşmanın gerçekleşmesini zorlamaz. Metnin kapsayıcısını taşmasını sağlamak için diğer CSS özelliklerini ayarlamanız gerekir: overflow and white-space.

Örneğin:

Ekran Çıktı:

1 yorum