cssは長いテキスト表示を遮断する

1329 ワード

インプリメンテーション


長いテキスト表示処理を切り捨て,従来はバックグラウンドで切り取っていたが,この方法ではデータが失われやすく,SEOに不利であった.
フロントエンドcssの遮断により、柔軟に変化し、Webサイト全体と統一的に運用することができます.
この技術は主にtext-overflow属性を用いており,これはcss 3の属性であるが,各ブラウザでは互換性がある.
とても良くて、ie 6シリーズはすべて互換性があります.
        .e{

            display:inline-block;width: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;

        }

        .e:hover{

            cursor: pointer;text-overflow: clip;width: auto;

        }    



 <span class='e'>abcdddsdsafdsacdsavdsac</span>

幅は指定する必要があります.このように隠し幅を設定し、IE 67のhasLayoutを出発することもできます.