web前端超出兩行用省略號表示的實現方法
web前端超出兩行用省略號表示的實現方法
HTML
吐魯番特級無炳黑加侖葡萄干500g包郵無籽吐魯番特級無炳黑加侖葡萄干500g包郵無籽吐魯番特級無炳黑加侖葡萄干500g包郵無籽,超大孕婦零食
CSS
span{ height: 40px; line-height: 20px; width: 300px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
這個屬性應用在移動端兼容性比較好。
效果如下:
如有疑問請留言或者到本站社區交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
- EJB3.0部署消息驅動Bean拋javax.naming.NameNotFoundException異常
- 在JSP中使用formatNumber控制要顯示的小數位數方法
- web下載文件和跳轉的方法
- JavaWeb Servlet中url-pattern的使用
- Hibernate 修改數據的實例詳解
- JSP之表單提交get和post的區別詳解及實例
- JSP生成九九乘法表的簡單實例
- JSP開發之hibernate之單向多對一關聯的實例
- jsp+servlet簡單實現上傳文件功能(保存目錄改進)
- SSM框架JSP使用Layui實現layer彈出層效果
- jsp 實現的簡易mvc模式示例
- jsp filter 過濾器功能與簡單用法示例
- JSP實現百萬富翁猜數字游戲
- JSP使用過濾器防止Xss漏洞
- servlet+jsp實現過濾器 防止用戶未登錄訪問
- jsp實現剪子石頭布小游戲
- 詳解JSP 內置對象request常見用法
- 使用IDEA編寫jsp時EL表達式不起作用的問題及解決方法
- Jsp servlet驗證碼工具類分享
- JSP頁面的靜態包含和動態包含使用方法