Sammlung von Methoden zum Abfangen von Zeichenfolgen in PHP-, JS- und CSS_Javascript-Kenntnissen

Es enthält möglicherweise nicht viel Inhalt, bitte kaufen Sie es nicht.
Die erste ist die PHP-Version.

Code kopieren Der Code lautet wie folgt:

Tatsächlich müssen Sie nur die Funktion mb_strimwidth verwenden. Die Beschreibung dieser Funktion lautet wie folgt:
mb_strimwidth – Ruft eine um die angegebene Breite
gekürzte Zeichenfolge ab string mb_strimwidth ( string $str , int $start , int $width [, string $trimmarker = "" [, string $encoding = mb_internal_encoding() ]] )
Parameterbeschreibung:
$str ist die zu kürzende Zeichenfolge (d. h. Originalzeichenfolge, Ausgabezeichenfolge)
$start beginnt mit dem Abfangen von Zeichen, der Standardwert ist 0
$width Die zu kürzende Breite
$trimmarker Nach dem Abfangen wird der Inhalt am Ende der Zeichenfolge hinzugefügt (normalerweise ... bedeutet weggelassen), der Standardwert ist leer
Der Parameter $encoding ist sehr wichtig. Wenn die Zeichenfolge chinesisch ist, muss sie hinzugefügt werden. ansonsten. . . . Sie können das „�“ sehen. Ich habe mir diese Funktion noch nicht genau angesehen, da sie einen kleinen Abschnitt des Artikels anzeigen muss, ich weiß es nicht warum schon lange. Darüber hinaus sollte dieser Parameter mit dem Codierungsformat der Webseite übereinstimmen. Während des persönlichen Tests wurde die Webseite als utf-8 codiert. Wenn der Parameter als gbk geschrieben wurde, wären die chinesischen Zeichen scheiße. . (Bitte um Erklärung)
Das ist es für die PHP-Version. Manchmal denke ich, dass es ein Problem mit der PHP-Sprache ist, aber in Wirklichkeit haben wir es einfach nicht sorgfältig studiert.

js-Version:

substring() und substr() Methoden gibt es *fast* keinen Unterschied zwischen den beiden Methoden,
Der erste Parameter der Methode substring() ist erforderlich und gibt die Position des ersten Zeichens der zu extrahierenden Teilzeichenfolge in der Zeichenfolge an. Der zweite Parameter ist optional und ist das letzte Zeichen der zu extrahierenden Teilzeichenfolge im stringObject position hat eine weitere Ziffer, ist standardmäßig keine und erreicht das Ende der Zeichenfolge.
Der erste Parameter von substr() ist erforderlich. Der Startindex der zu extrahierenden Teilzeichenfolge. Muss ein numerischer Wert sein. Wenn dieser Parameter negativ ist, deklariert er die Position ab dem Ende der Zeichenfolge. Das heißt, -1 bezieht sich auf das letzte Zeichen in der Zeichenfolge, -2 bezieht sich auf das vorletzte Zeichen und so weiter. Der zweite Parameter ist optional. Die Anzahl der Zeichen in der Teilzeichenfolge. Muss ein numerischer Wert sein. Wenn dieser Parameter weggelassen wird, wird die Zeichenfolge vom Anfang bis zum Ende von stringObject zurückgegeben.
Beispiel:

Code kopieren Der Code lautet wie folgt:

Dieses Beispiel gibt aus: lo world!
Beginnend mit der dritten Ziffer der Originalzeichenfolge bis zum Ende

Code kopieren Der Code lautet wie folgt:

Diese Beispielausgabe: lo w
Beginnend mit der vierten Ziffer der Originalzeichenfolge bis zur siebten Ziffer

Code kopieren Der Code lautet wie folgt:

Ausgabe: siehe da!
Von der dritten Position bis zum Ende

Code kopieren Der Code lautet wie folgt:

Ausgabe: lo worl
Beginnen Sie mit der vierten Ziffer und fangen Sie 7 Ziffern ab.

Sie können diese beiden JS-Methoden sehen
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp

Der dritte ist CSS
Beim CSS-Abfangen wird hauptsächlich das Textüberlaufattribut verwendet.
Textüberlauf: [ Clip |. Auslassungspunkte |

Der Standardwert von text-overflow ist „clip“, das heißt, wenn der Inhalt den Container überschreitet, wird der überschüssige Text abgeschnitten. Wenn der Wert „Ellipse“ ist, wird der überschüssige Text auch durch Ellipsen ersetzt eine bestimmte Zeichenfolge, um den überschüssigen Text zu ersetzen (derzeit nur von Firefox unterstützt).

Beispiel für Auslassungspunkte:

Code kopieren Der Code lautet wie folgt:

.ellipsis{
         Überlauf: versteckt;
         Leerzeichen: nowrap;
         text-overflow: ellipsis;
}

[Kopie]Referenz:

http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

Tatsächlich kann die Beschreibung von CSS anhand der Legende auf der Mozilla-Entwickler-Website verstanden werden. Hier gibt es nicht viel zu sagen.