css制御テキスト内容オーバー部分表示...

ページを作るときに遭遇することがあります.テキストの内容が長すぎて、ページのレイアウトが面白くない場合があります.では、ここで新しいスキルをgetしましょう.
1行の表示部分で、残りの内容を表示したい場合は...の場合、ラベルのstyleスタイルにcssを設定するだけです.

         width: 80px;
         overflow: hidden;
         text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        white-space: nowrap;  /*             

コンテンツを複数行表示したいときに、複数行に悩んでしまう場合は、このように設定できます.

width: 100px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box; 
        -webkit-line-clamp: 3; /*        ，     ...  */
        -webkit-box-orient: vertical;

よし、以上、余計な内容をどうやって...width幅に応じて表示内容の量を制御できる表示