Menyesuaikan Text Di CSS Menggunakan text-overflow

Jika membahas text-overflow mungkin anda akan bertanya-tanya untuk apa sih? Nahh....kali ini saya akan berbagi Share Info and Knowledge mengenai text-overflow ini. Mungkin selama ini sobat blogger sering menggunakan kodingan pada PHP untuk membatasi banyaknya kata/kalimat yang akan ditampilkan ternyata di CSS juga bisa kok. 

Berawal dari project web e-commerce saya di kantor maka dari itu saya ingin membahas mengenai text-overflow ini. hehehe... 

Ketika itu saya menemui kendala bagaimana cara membuat text menyesuaikan dengan pembatas (border), sehingga nantinya text tersebut akan terpotong menyesuaikan pembatas / border. Mungkin contohnya seperti gambar di bawah ini

contoh text overflow
Berikut contoh kodingannya,

.border .batasi {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

Seperti itulah kira-kira script di CSS untuk membatasi text dari border / pembatas. Jangan lupa buat juga di HTML <div class="batasi">
</div>

Untuk lebih jelasnya anda bisa berkunjung ke :

Semoga bermanfaat. :D

1 komentar:

Yakuza said... Balas

arigato

Post a Comment

Catatan : Berkomentarlah dengan baik dan sopan. Karena penulis memberi kebebasan berkomentar tanpa melalui moderasi. Dilarang menaruh link website di kotak komentar karena akan langsung dihapus. Pilih profile Name/URL apabila ingin meninggalkan link/backlink.

Daftar isi

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Premium Wordpress Themes | Share Info and Knowledge