Abaikan program latar belakang dan JS dan gunakan CSS untuk mencegat teks secara otomatis

Penulis：Eve Cole Waktu Pembaruan：2009-05-31 01:04:50

Menggunakan css untuk mencegat teks secara otomatis tidak memerlukan program latar belakang dan JS. Keuntungan menggunakannya adalah: kompatibel dengan IE, firefox, Opera; baik untuk integritas konten baik untuk SEO; dapat disesuaikan kapan saja di latar depan.
Kekurangan: Panjang intersepsi tidak dapat ditentukan secara otomatis. Jika karakternya sangat pendek, elips berikutnya akan dibuat di Firefox.
Selain itu, saat mengatur lebar intersepsi, perhatikan untuk mencoba membuat intersepsi teks selesai.

Jalankan demonya
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>intersepsi teks css< /title> <style type="text/css"> body{font-size:13px;color:#8c966b;} div{clear:both;width:340px;border:1px solid #333;margin:3px;padding: 3px;} div a{color:#8c966b;text-decoration:none;} div a:hover{text-decoration:underline;} div a{display:block;width:310px;white-space:nowrap;overflow:hidden ;float:kiri; -o-text-overflow: elipsis; /* untuk Opera */ text-overflow:ellipsis; /* untuk IE */ } div:after{content:"...";padding-kiri:3px ;font-size:12px;}/* untuk Firefox */ </style> </head> <body> <div><a href="">Gunakan css untuk mencegat teks secara otomatis, tanpa memerlukan program latar belakang dan JS Keuntungan menggunakan </a></div> <div><a href=""> adalah bermanfaat bagi integritas konten dan SEO, tanpa memerlukan pemrosesan program di latar belakang, dan lamanya waktu untuk disadap dapat disesuaikan kapan saja di latar depan. </a></div> <div><a href="">Kekurangan: Panjang intersepsi tidak dapat ditentukan secara otomatis. Jika karakter sangat pendek, simbol elipsis berikutnya juga akan dibuat di Firefox. </a></div> <div><a href="">Selain itu, saat mengatur lebar intersepsi, berhati-hatilah untuk membuat intersepsi teks selengkap mungkin</a></div> </body> </html>