Css Yazıyı Sınırlandırmak

  1. selda
    4
    75
    2/16/2019 1:35:00 PM

    Arkadaşlar bu sitede de yapıldığı gibi içeriği kısaltıp , sonuna üç nokta koyup , devamını oku linki koymak istiyorum kendi yazdığım içerik sitesinde,

    Ancak ben bunu css yada herhangi bir html etiketi varsa ,bunlarla yapmak istiyorum , bu mümkün mü ?

    css-html-metin-yazi-kisaltma

    css html 4 ay önce 111 Görüntüleme

( 1 ) Cevap

  1. baturay
    1
    507
    6/10/2019 4:20:00 PM

    evet css ile yapabilirsin, div elementinin belirttiğin genişliği geçmesi durumunda otomatik 3 nokta koyan css kodu ve html kodları

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    
    div.replyfeed {
      white-space: nowrap; 
      width: 100px; 
      overflow: hidden;
      text-overflow: ellipsis; 
    }
    
    </style>
    </head>
    <body>
    
    <h2>Yazıyı kısaltmadan: </h2>
    <div>code.replyfeed.com</div>
    
    <h2>Yazıyı kısaltarak: </h2>
    <div class="replyfeed">code.replyfeed.com</div>
    
    </body>
    </html>
    

Cevabınız