鍍金池/ 問答/HTML/ 一篇文字只能顯示五行,重點在于第五行需要在屏幕中間顯示省略號,而不是遇見屏幕邊緣

一篇文字只能顯示五行,重點在于第五行需要在屏幕中間顯示省略號,而不是遇見屏幕邊緣再顯示

圖片描述

原本使用了 display: -webkit-box;

    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
    overflow : hidden;    產(chǎn)品說省略號還是放在中間好。     然后試了獲取屏幕寬度計算一行顯示多少文字,但是效果也沒達到想要的,,哎。。。。
回答
編輯回答
毀憶

用js算出需要省略號的位置,用個div,里面有...和更多鏈接的,定位到所算出的位置,長度拉到右邊,背景色為白色

2017年2月22日 04:27