Text UtilitiesLesson 112Preview gratis
Truncate Text
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Truncate memotong teks yang terlalu panjang sampai batas tertentu, sering dengan elipsis di akhir. Pemotongan yang baik dilakukan di batas kata agar kalimat tidak terputus di tengah. Untuk tampilan web, CSS juga dapat memotong teks tanpa mengubah data aslinya. Selalu bedakan antara memotong untuk tampilan dan menyimpan versi lengkap di sumber data.
Poin kunci
- Tentukan panjang maksimum dan apakah elipsis termasuk di dalamnya
- Potong di batas kata agar hasil lebih mudah dibaca
- Tambahkan elipsis hanya jika teks benar-benar dipotong
- CSS text-overflow dapat menangani pemotongan visual
- Hati-hati memotong emoji atau karakter gabungan
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.