Mungkin tidak memiliki banyak konten, tolong beri lebih sedikit.
Pertama -tama, ini adalah versi PHP.
Salinan kode adalah sebagai berikut:
<? php echo mb_strimwidth ("Ini konten", 0,3, "...", "UTF-8"); ?>
Bahkan, Anda hanya dapat menggunakan fungsi MB_STRIMWIDTH. Deskripsi fungsi ini adalah sebagai berikut:
mb_strimwidth - dapatkan string terpotong dengan lebar yang ditentukan
String mb_strimwidth (string $ str, int $ start, int $ width [, string $ trimmarker = "" [, string $ encoding = mb_internal_encoding ()]]))
Deskripsi Parameter:
$ str adalah string yang akan dipotong (mis. String asli, string output)
$ mulai mulai dari karakter pertama, standarnya adalah 0
$ lebar lebar yang diperlukan untuk pemangkasan
Setelah $ trimmarker dicegat, konten yang ditambahkan pada akhir string (umum untuk ... berarti dihilangkan), secara default i i-i
Parameter pengkodean $ sangat penting. Jika string dalam bahasa Cina, itu harus ditambahkan. jika tidak. . . . Anda dapat melihat "�". Saya belum pernah membaca fungsi ini dengan cermat sebelumnya. Dalam tema WordPress, saya ingin menampilkan sepotong kecil konten artikel, dan kemudian ada kode kacau di akhir. Saya sudah lama tidak tahu mengapa. Selain itu, parameter ini harus konsisten dengan format pengkodean halaman web. Ketika tes pribadi dilakukan, kode halaman web adalah UTF-8, dan ketika parameter ditulis sebagai GBK, karakter Cina akan buang air besar. . (Tolong jelaskan ke daniu)
Beginilah versi PHP. Kadang -kadang saya pikir itu adalah masalah dengan bahasa PHP, tetapi sebenarnya kami belum mempelajarinya dengan cermat.
Versi JS:
Metode Substring () dan Substr (), dua metode * hampir * tidak berbeda.
Parameter pertama dari metode substring () diperlukan. Ini adalah posisi karakter pertama dari substring yang akan diekstraksi dalam string. Parameter kedua adalah opsional. Ini adalah posisi karakter terakhir dari substring yang akan diekstraksi dalam stringObject. Tidak ada secara default, dan itu di akhir string.
Diperlukan parameter pertama (). Subskrip awal dari substring yang akan diekstraksi. Harus menjadi nilai numerik. Jika itu adalah angka negatif, parameter menyatakan posisi dari akhir string. Yaitu, -1 mengacu pada karakter terakhir dalam string, -2 mengacu pada karakter kedua ke terakhir, dan sebagainya. Parameter kedua adalah opsional. Jumlah karakter dalam substring. Harus menjadi nilai numerik. Jika parameter ini dihilangkan, string dari posisi awal StringObject ke ujung dikembalikan.
contoh:
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
var str = "Halo dunia!"
Document.write (str.substring (3))
</script>
Contoh output ini: lo world!
Mulai dari bit ketiga dari string asli dan akhir
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
var str = "Halo dunia!"
Document.write (str.substring (3,7))
</script>
Contoh output ini: lo w
Mulai dari bit keempat string asli ke bit ketujuh
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
var str = "Halo dunia!"
Document.write (str.substr (3))
</script>
Output: Lo World!
Posisi ketiga dimulai dari akhir
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
var str = "Halo dunia!"
Document.write (str.substr (3,7))
</script>
Output: Lo World
Mulai dari posisi keempat, mencegat 7 bit.
Dua metode JS ini dapat dilihat
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp
Yang ketiga adalah CSS
CSS Interception terutama menggunakan properti teks-overflow.
Text-overflow: [Clip | Ellipsis | <string>]
Nilai default dari text-overflow adalah klip, yaitu, ketika konten melebihi wadah, teks yang berlebihan akan terputus. Ketika nilainya ellipsis, teks berlebih akan diganti dengan elipsis; String tertentu juga dapat digunakan untuk mengganti teks berlebih (saat ini hanya didukung oleh Firefox).
Contoh elipsis:
Salinan kode adalah sebagai berikut:
.elipsis{
meluap: tersembunyi;
SPACE PUTIH: Nowrap;
teks-overflow: ellipsis;
}
[Salin] Referensi:
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-us/docs/web/css/text-overflow
Bahkan, jika Anda melihat legenda situs web pengembang Mozilla, Anda akan mengerti. Saya tidak akan banyak bicara di sini.