テキストの一行
■は { 幅: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)+ '...');
}
});
}