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

零下一度
リリース: 2017-06-11 13:30:37
オリジナル
2551 人が閲覧しました

HTMLテキストコントロールに表示される単語数が制限を超える問題を解決するにはどうすればよいですか?つまり、テキスト オーバーフロー コントロールは単語数を表示し、表テキスト オーバーフロー コントロール TD は単語数を表示します。タイトルを見ると、テキストを切り詰めて省略記号「..」を追加する方法がすぐに思いつきます。 。」。ははは、それだけです。実際、このログを書くのは、このような状況に対処する方法をまだ覚えていない人が多いと思われるため、この方法を記録するためです。下の図は、PHP 中国語 Web サイト (www.php.cn) の単語数を超えて省略記号が追加された場合の表示効果です。まず、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 関数は文字数しか取得できませんが、英語と中国語では文字の幅が異なり、文字数に基づいて決定することはできません...

    5.

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

    6.

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

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

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

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

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

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

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

  • ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート