CSSコントロールテーブルのセルの余剰部分に省略記号を表示する

1872 ワード

テーブルを定義したレイアウトアルゴリズムがfixedである場合にのみ、以下のtdの定義が機能します.
 table{
       
        width:100px;  
        table-layout:fixed;/*              fixed,  td        。 */  
    }  
    td{
       
        width:100%;  
        word-break:keep-all;/*     */  
        white-space:nowrap;/*     */  
        overflow:hidden;/*                  */  
        text-overflow:ellipsis;/*                (...) ;  overflow:hidden;    */  
    }  

スタイルを追加してtableの幅を固定し、内容の長さが長すぎると自動的に省略記号が表示されます.
————————————————著作権声明:本文はCSDNブロガー「lpch 0825」のオリジナル文章であり、CC 4.0 BY-SA著作権協定に従い、転載は原文の出典リンクと本声明を添付してください.テキストリンク:https://blog.csdn.net/lpch0825/article/details/79332121