単一行のテキスト、複数行のテキスト表示の省略記号...

テキストの一行

  ■は  { 幅:200pxの。

      オーバーフロー:隠されました;

      テキストオーバーフロー:省略記号。

      ホワイトスペース:NOWRAP。

     }

第二に、複数行のテキスト

      WebKitのコアブラウザ、携帯端末、マイクロチャネルかもしれないFirefoxのために実現1のCSS

    ■は  {

       幅:200pxの。 

       表示:-webkit-ボックス。
       -webkit-ボックスオリエント:縦;
       -webkitラインクランプ:2。
       オーバーフロー:隠されました;

           }

  2. JSは、すべてのブラウザのために達成するため、原則としては、テキストの単語の指定された数の傍受です

    用VUE項目フィルタ:

      フィルター:{
        // ...テキストの複数行ハンドル
        //例えば{{テキスト|省略記号(35) }} 35 ワードの数を制限する
        省略記号(テキスト、NUM){
          IF(text.length> NUM){
              戻りtext.substringを( 0、NUM)+ '...';
            }他{
              戻りテキスト;
            }
        }、

      }

    JQアイテム:

      //テキストを超えています...表示
      ; //例の省略記号( 'ボックス'、86)
      関数省略記号(ボックス、NUM){
         $(ボックス).each(関数(){
           IF($(この)は.text() .LENGTH> NUM){
             $(この)の.text($(この)の.text()サブストリング(0、NUM)+ '...');
           }
         });
      }

  

 

おすすめ

転載: www.cnblogs.com/zhangruiqi/p/11434336.html
おすすめ