单行文本和多行文本--文字溢出
2017-02-20 19:11
260 查看
单行文本和多行文本–文字溢出:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文本换行</title> <style> .text{ width: 200px; border: 1px solid red; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .secondtext{ width: 200px; border: 1px solid blue; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } </style> </head> <body> <div class="text"> 衡水气象台温馨提示:预计21日我市有中雪局部大雪。22~23日早晨最低气温降至-4到-6℃,部分路段有积雪或结冰,22日早晨有雾,请防范。【中国移动 和你一起】衡水又冷了杭州 </div> <div class="secondtext"> 衡水气象台温馨提示:预计21日我市有中雪局部大雪。22~23日早晨最低气温降至-4到-6℃,部分路段有积雪或结冰,22日早晨有雾,请防范。【中国移动 和你一起】衡水又冷了杭州 </div> <script> </script> </body> </html>
相关文章推荐
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
- CSS实现单行和多行文本溢出显示省略号……
- CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现多行文本溢出省略效果和单行文本溢出省略效果
- CSS实现单行、多行文本溢出显示省略号(…)
- 单行和多行文本文字省略
- 单行/多行文本溢出,显示省略号
- 单行文本溢出与多行文本溢出
- CSS实现单行、多行文本溢出显示...的总结
- css单行文本与多行溢出文本的省略号问题
- 好东西,收藏留着以后用:单行/多行文本溢出显示省略号,多浏览器兼容
- CSS实现单行、多行文本溢出时显示省略号
- [置顶] CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号
- 单行文字溢出和多行文字溢出
- CSS实现单行、多行文本溢出显示省略号(…)
- css 控制单行,多行文本溢出省略号
- 【CSS/JS学习】如何实现单行/多行文本溢出的省略(...)--老司机绕过坑道的正确姿势
- 转:【CSS/JS学习】如何实现单行/多行文本溢出的省略(...)--老司机绕过坑道的正确姿势
- css实现单行,多行文本溢出显示省略号……