CSS Yazı karakteri Sınırlama

20-10-2017, 10:32:54

Ysm

Merhaba arkadaşlar sitemde eklenen açıklamaların anasayfadaki görünürlüğünde maksimum 475 karakter görünsün istiyorum yani adam açıklamaya 1000 karakter eklesede sadece onun 475 i görünsün istiyorum bunun için uygun css kodunu verir misiniz acaba

Şuanda o ilgili kısmın css aşağıdaki gibi

.program_des p {
  color: #515151;
  line-height: 22px;
}

20-10-2017, 10:51:54

#2

uckan

Kurumsal Üye

Yanılmıyorsam css'te böyle bir kod yok ama satır sınırlama olayı var. Aşağıdaki kod ile 3. satırdan sonrasını üç noktayla gizlersiniz.

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

20-10-2017, 11:11:50

#3

Ysm

uckan adlı üyeden alıntı: mesajı görüntüle

Yanılmıyorsam css'te böyle bir kod yok ama satır sınırlama olayı var. Aşağıdaki kod ile 3. satırdan sonrasını üç noktayla gizlersiniz.
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;

İşime yaradı çok teşekkürler.

11-06-2018, 21:26:52

#4

Misafir

uckan adlı üyeden alıntı: mesajı görüntüle

Yanılmıyorsam css'te böyle bir kod yok ama satır sınırlama olayı var. Aşağıdaki kod ile 3. satırdan sonrasını üç noktayla gizlersiniz.

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

Geçen sene yazdığın kod 2 farklı zamanda 2 kere işime yaradı, hakkını helal et.

28-07-2022, 04:19:17

#5

bcsbilisimcom

uckan adlı üyeden alıntı: mesajı görüntüle

Yanılmıyorsam css'te böyle bir kod yok ama satır sınırlama olayı var. Aşağıdaki kod ile 3. satırdan sonrasını üç noktayla gizlersiniz.

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

Bazı kahramanlar pelerin takmaz

28-07-2022, 11:17:48

#6

ErenDemir

Konu 2022'de tekrar yukarı çıktığına göre ben de bir şey katayım. Line Clamp ile birden fazla satırda kullanabilirsiniz.