テキストは 2 行まで表示でき、余分なテキストは省略されます。

フロント エンドは、CSS で最大 2 行のテキストを表示できます。 属性overflow: hidden を 使用してtext-overflow: ellipsis 、高さ制限を設定できます。

例えば：

.box {  
    overflow: hidden; 
    text-overflow: ellipsis; 
  // 幅を超える限り、中国語または英語に関係なく折り返されます
    word-break: break-all; 
 // 2 行まで表示します
    display: - webkit-box; 
    -webkit-box -orient: vertical; 
    -webkit-line-clamp: 2; 
//
    スタイルに従って行の高さを設定: 1.2em; 
    max-height: 2.4em; 
}

このようにして、テキストを完全に表示するためにさらに多くの行が必要な場合、余分なテキストは省略され、最後に省略記号 (...) が表示されます。