文字の表示長の制限と省略記号の追加に関するチュートリアルの例-htmlチュートリアル-php.cn

文字の表示長の制限と省略記号の追加に関するチュートリアルの例

零下一度

リリース： 2017-06-11 13:30:37

オリジナル

2579 人が閲覧しました

HTMLテキストコントロールに表示される単語数が制限を超える問題を解決するにはどうすればよいですか?つまり、テキストオーバーフローコントロールは単語数を表示し、表テキストオーバーフローコントロール TD は単語数を表示します。タイトルを見ると、テキストを切り詰めて省略記号「..」を追加する方法がすぐに思いつきます。。」。ははは、それだけです。実際、このログを書くのは、このような状況に対処する方法をまだ覚えていない人が多いと思われるため、この方法を記録するためです。下の図は、PHP 中国語 Web サイト (m.sbmmt.com) の単語数を超えて省略記号が追加された場合の表示効果です。まず、DIV+ を使用してコンテナ内のテキストを表示する場合について説明します。 css が長さを超えると、フレームの外に浮かんだり、フレームが拡張されたりします。これは一般的に解決するのは簡単ですが、今日このような問題に遭遇しました。IE6 のテストページは応答しませんでしたが、IE8 のテストページはオーバーフローを処理しました。このオーバーフロー処理はIE特有のものではないでしょうか？ IE6が正しく動作しないのはなぜですか?後でネットで調べてみると、IE6 ではオーバーフロー処理を DIV 内に記述した場合のみサポートしており、IE6 以降では

内に記述した場合のみサポートしていることが判明したので、同じオーバーフロー処理のコードを DIV に記述しました< li> それは正常です

1. HTML テキストコントロールに表示される文字数が超えた場合の省略記号の使用方法

HTMLテキストコントロールに表示される文字?つまり、テキストオーバーフローは表示される単語数を制御し、テーブルテキストオーバーフローは td で表示される単語数を制御します。タイトルを見ると、テキストを切り詰めて省略記号を追加する方法が簡単に思いつきます。」。文字の表示長の制限と省略記号の追加に関するチュートリアルの例

2. css3 を使用してテキストを切り詰め、省略記号を追加します

はじめに: ブロック要素に表示されるテキストの行数を制限します。この効果を実現するには、他の外部 WebKit プロパティと組み合わせる必要があります。文字の表示長の制限と省略記号の追加に関するチュートリアルの例

3. 純粋な css_html/css_WEB-ITnose によって実装された文字列をインターセプトした後に省略記号コードを追加する例

はじめに: 純粋な css によって実装された文字列をインターセプトした後に省略記号コードを追加する例

4. PHPで文字の表示長を制限するには?

はじめに: 上記(Tiebaからのインターセプト)と同様に、文字長が固定ピクセル幅を超える場合、ピクセル幅の範囲内の文字列をインターセプトし、文字列の後に省略記号を追加します。 mb_strlen 関数は文字数しか取得できませんが、英語と中国語では文字の幅が異なり、文字数に基づいて決定することはできません...

はじめに: 文字列が一定の長さを超える場合、最初の n 文字をインターセプトし、その後に省略記号を追加します

はじめに: 文字列が特定の長さを超えた場合、最初の n 文字をインターセプトし、その後に省略記号を追加します

[関連する Q&A の推奨事項]:

javascript - 複数行のテキストがオーバーフローした場合に行末に省略記号を追加する良い方法はありますか?

javascript - 複数行テキストのオーバーフロー部分に省略記号を追加するにはどうすればよいですか?

PHPで文字の表示長を制限するにはどうすればよいですか?

javascript - 複数行を表示し、余分な行を非表示にし、最後の行の末尾に省略記号を追加しますか?

以上が文字の表示長の制限と省略記号の追加に関するチュートリアルの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。