php、js、css_javascript スキルで文字列をインターセプトするメソッドのコレクション

あまり内容が含まれていない可能性がありますので、購入しないでください。
1 つ目は PHP のバージョンです。

コードをコピーします コードは次のとおりです:

実際には、mb_strimwidth 関数を使用するだけで済みます。この関数の説明は次のとおりです。 mb_strimwidth — 指定された幅で切り詰められた文字列を取得します
string mb_strimwidth ( string $str , int $start , int $width [, string $trimmark = "" [, string $encoding = mb_internal_encoding() ]] )
パラメータの説明:
$str は切り詰められる文字列 (つまり、元の文字列、出力文字列)
$start は文字のインターセプトを開始します。デフォルトは 0
です。 $width トリミングする幅
$trimmark インターセプト後、文字列の末尾に追加される内容 (一般に... 省略を意味します)、デフォルトは空です
$encoding パラメータは非常に重要です。文字列が中国語の場合は追加する必要があります。さもないと。 。 。 。 「�」の部分が見えますが、WordPressテーマでは記事の一部を表示する必要があるため、最後に文字化けが発生します。なぜ長い間。さらに、このパラメータは Web ページのエンコード形式と一致している必要があります。個人テスト中、Web ページは gbk として記述されると、中国語の文字がおかしくなってしまいます。 。 (説明を求めてください)
PHP バージョンについてはこれで終わりです。時々、これは PHP 言語に問題があるのではないかと思うことがありますが、実際には、それは単に私たちが注意深く学習していないだけです。

js バージョン:

substring() メソッドと substr() メソッド。この 2 つのメソッドの間には *ほとんど* 違いはありません。

substring() メソッドの最初のパラメータは必須であり、文字列内で抽出される部分文字列の最初の文字の位置です。2 番目のパラメータはオプションであり、stringObject 内で抽出される部分文字列の最後の文字です。位置にはあと 1 桁あり、デフォルトはなしで、文字列の末尾に達します。
substr() の最初のパラメータは必須です。抽出される部分文字列の開始インデックス。数値である必要があります。負の場合、このパラメータは文字列の末尾からの位置を宣言します。つまり、-1 は文字列の最後の文字を指し、-2 は最後から 2 番目の文字を指し、以下同様になります。 2 番目のパラメータはオプションです。部分文字列内の文字数。数値である必要があります。このパラメータを省略した場合は、stringObject の先頭から末尾までの文字列が返されます。
例:

コードをコピーします コードは次のとおりです:

var str="Hello world!"
Document.write(str.substring(3))

この例の出力: lo world!

元の文字列の 3 桁目から最後まで

コードをコピーします コードは次のとおりです:

var str="Hello world!"
Document.write(str.substring(3,7))

この出力例: low

元の文字列の 4 桁目から 7 桁目まで

コードをコピーします コードは次のとおりです:

var str="Hello world!"
Document.write(str.substr(3))

出力: lo world!

３番手から最後まで

コードをコピーします コードは次のとおりです:

var str="Hello world!"
Document.write(str.substr(3,7))

出力: 低世界
4 桁目から始めて 7 桁を切り取ります。

これら 2 つの JS メソッドを確認できます
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp

3 番目は CSS
CSS インターセプトでは主に text-overflow 属性が使用されます。
テキストオーバーフロー: [ クリップ | ]

text-overflow のデフォルト値は Clip です。つまり、コンテンツがコンテナを超えると、余分なテキストが切り取られます。値が ellipsis の場合、余分なテキストは省略記号で置き換えることもできます。余分なテキストを置き換える特定の文字列 (現在 Firefox でのみサポートされています)。

省略記号の例:

コードをコピー コードは次のとおりです:

.ellipsis{
オーバーフロー: 非表示;
ホワイトスペース: nowrap;
text-overflow: ellipsis;
}

[コピー]参照:
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

実はcssの記述はmozilla開発者サイトの凡例を見ると理解できます。ここで言うことはあまりありません。