單行文本溢出和多行文本溢出方法
標簽:
JavaScript
2018-05-19
1.单行文字溢出方法
div { border: 1px solid; white-space: nowrap;/*不换行*/ overflow: hidden;/*隐藏后面的文字*/ text-overflow: ellipsis;/*加省略号*/}
2. 多行文本溢出方法
如果用到了就搜text-overflow ellipsis,不用记
div { border: 1px solid; display: -webkit-box; -webkit-line-clamp: 3;/*需要几行就写几*/ -webkit-box-orient: vertical; }
作者:徐金俊
链接:https://www.jianshu.com/p/bc8625c23fcb
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦