Il peut ne pas avoir beaucoup de contenu, veuillez lui donner moins.
Tout d'abord, c'est la version PHP.
La copie de code est la suivante:
<? php echo mb_strimwidth ("voici le contenu", 0,3, "...", "utf-8"); ?>
En fait, vous ne pouvez utiliser que MB_strimWidth une fonction. La description de cette fonction est la suivante:
mb_strimwidth - obtenir une chaîne tronquée par largeur spécifiée
String mb_strimWidth (String $ str, int $ start, int $ width [, string $ trimmarker = "" [, string $ coding = mb_internal_encoding ()]]))
Description du paramètre:
$ str est la chaîne à tronquer (c'est-à-dire la chaîne d'origine, la chaîne de sortie)
$ start commence à partir du premier caractère, la valeur par défaut est 0
$ Largeur La largeur requise pour la coupe
Une fois que $ trimmarker est intercepté, le contenu ajouté à la fin de la chaîne (commun pour ... signifie omis), par défaut i i-i
Le paramètre de codage $ est très important. Si la chaîne est en chinois, elle doit être ajoutée. sinon. . . . Vous pouvez voir le "�". Je n'ai pas lu attentivement cette fonction auparavant. Dans le thème WordPress, je veux afficher un petit contenu de l'article, puis il y a du code brouillé à la fin. Je ne savais pas pourquoi depuis longtemps. De plus, ce paramètre doit être cohérent avec le format de codage de la page Web. Lorsque le test personnel est effectué, le code de la page Web est UTF-8, et lorsque le paramètre est écrit comme GBK, les caractères chinois chieront. . (Veuillez expliquer à Daniu)
C'est ainsi que la version PHP est. Parfois, je pense que c'est un problème avec le langage PHP, mais en fait, nous ne l'avons pas étudié avec soin.
Version JS:
Méthodes substring () et substr (), les deux méthodes * presque * ne sont pas différentes.
Le premier paramètre de la méthode substring () est requis. C'est la position du premier caractère de la sous-chaîne à extraire dans la chaîne. Le deuxième paramètre est facultatif. C'est la position du dernier caractère de la sous-chaîne à extraire dans le stringObject. Aucun par défaut, et c'est à la fin de la chaîne.
Le premier paramètre substr () est requis. L'indice de départ de la sous-chaîne à extraire. Doit être une valeur numérique. S'il s'agit d'un nombre négatif, le paramètre déclare la position de la fin de la chaîne. Autrement dit, -1, fait référence au dernier caractère de la chaîne, -2 fait référence au deuxième à dernier personnage, etc. Le deuxième paramètre est facultatif. Le nombre de caractères dans la sous-chaîne. Doit être une valeur numérique. Si ce paramètre est omis, une chaîne de la position de début de StringObject à la fin est renvoyée.
exemple:
La copie de code est la suivante:
<script type = "text / javascript">
var str = "Hello World!"
Document.Write (Str.Substring (3))
</cript>
Cet exemple de sortie: lo world!
Commencez à partir du troisième morceau de la chaîne d'origine et de la fin
La copie de code est la suivante:
<script type = "text / javascript">
var str = "Hello World!"
Document.Write (Str.Substring (3,7))
</cript>
Cet exemple de sortie: lo w
Commencez du quatrième bit de la chaîne d'origine au septième bit
La copie de code est la suivante:
<script type = "text / javascript">
var str = "Hello World!"
document.write (str.substr (3))
</cript>
Sortie: LO MONDE!
La troisième position commence à partir de la fin
La copie de code est la suivante:
<script type = "text / javascript">
var str = "Hello World!"
document.write (str.substr (3,7))
</cript>
Sortie: Lo World
À partir de la quatrième position, interceptez 7 bits.
Ces deux méthodes de JS peuvent être vues
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp
Le troisième est CSS
L'interception CSS utilise principalement la propriété de superficie de texte.
Text-overflow: [Clip | ellipsis | <string>]
La valeur par défaut de la superficie de texte est le clip, c'est-à-dire que lorsque le contenu dépasse le conteneur, le texte excessif sera coupé. Lorsque la valeur est ellipsis, l'excès de texte sera remplacé par une ellipse; Une chaîne spécifique peut également être utilisée pour remplacer l'excès de texte (actuellement pris en charge uniquement par Firefox).
Exemples d'ellipsis:
La copie de code est la suivante:
.ellipse{
débordement: caché;
Espace blanc: Nowrap;
Text-overflow: ellipsis;
}
[Copie] Référence:
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-us/docs/web/css/text-overflow
En fait, si vous regardez le site Web de la légende du développeur de Mozilla, vous comprendrez. Je ne dirai pas grand-chose ici.