单行文本和多行文本--文字溢出
来源:互联网 发布:墨刀软件 编辑:程序博客网 时间:2024/05/01 02:40
单行文本和多行文本–文字溢出:
<!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>
0 0
- 单行文本和多行文本--文字溢出
- 如何处理单行文本和多行文本溢出
- 文本溢出:单行文本,多行文本溢出显示省略号
- 单行文本溢出与多行文本溢出
- 单行和多行文本文字省略
- [前端] 实现单行文本溢出和多行文本溢出省略
- 单行,多行文本溢出
- 单行/多行文本溢出,显示省略号
- 单行/多行文本溢出处理
- 单行或多行文本溢出
- css 单行文字溢出与多行文字溢出显示...
- 文本显示省略号(单行文本+多行文本)
- css 控制单行,多行文本溢出省略号
- css单行或多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号
- CSS 单行或多行文本溢出显示省略号
- CSS实现单行、多行文本溢出时显示省略号
- css实现单行、多行文本溢出显示省略号
- jvm笔记07:线程安全与锁优化
- MyEclipse常用快捷键
- linux scp远程拷贝文件及文件夹
- Http响应头消息学习
- Cenos6.5安装及安装过程中碰到的问题解决记录,供其他工程师参考
- 单行文本和多行文本--文字溢出
- java 打印图像以及\n的使用
- FragementStatePagerAdapter
- 1110. Complete Binary Tree (25)
- PHP实现快速排序
- 微信公众号文章采集 爬取微信文章 采集公众号的阅读数和点赞数?
- [华为OJ--C++]029-统计每个月兔子的总数
- 如何通过js动态设置select中option选中
- 用户画像的概念、意义、构成及构建步骤