通过html来部分显示字符串,并用…显示
来源:互联网 发布:gsm是什么网络 编辑:程序博客网 时间:2024/05/20 11:23
从数据库中读取文章的题目,在页面中排列显示,可能会因为题目太长,而需要截取一部分来显示,
之前都是通过php代码来判断这个字符串的长度,并截取自己需要长度的字符串。
前几天从同学那里听说可以直接在html中控制这个的显示,通过控制框的大小,来控制这个字符串显示多少。
在页面所有位置大小都不会改变的情况下,这个方法还挺简单有效,当然,感觉最正统的还是对字符串进行一个截取
这段代码的关键就在于
超出隐藏
overflow: hidden;
强制在一行中显示
white-space: nowrap;
word-break: keep-all;
超出的部分用...代替
text-overflow: ellipsis;
下面放上代码
0 0
- 通过html来部分显示字符串,并用…显示
- 通过html来部分显示字符串,并用…显示
- 通过js来截取字符串,并双击显示隐藏的部分
- VC++获取系统时间,并用字符串显示
- 用 webView 加载 html 字符串代码来显示图片
- UILable显示html字符串
- iOS 显示HTML字符串
- UIlabel显示html字符串
- 字符串过长CSS截取多余文字并用省略号显示
- solr高亮只显示部分字符串
- TextView通过Html显示图片
- angular2如何识别字符串中的html标签,并按照html来显示视图
- IOS UILabel显示HTML字符串
- [转]HTML图片部分显示--利用矩形区…
- 把数据库中的数据读出来并用BulletedList控件来显示
- 读取源文件,并用TextArea显示
- html文字超过部分显示为省略号
- html截取显示部分的img图片
- css和xpath几个函数
- 解决jdk1.8发送邮件SSL握手失败问题
- Spring集成Mybatis
- 【Android自定义View实战】之自定义项目通用的标题栏CustomTitleBar
- 安装Mirantis OpenStack Fuel 9.0
- 通过html来部分显示字符串,并用…显示
- 一篇很好的阿里竞赛的博文总结
- 双十一即将来临,实体店如何实现“新零售”?
- phper的博客
- 【TC SRM701】PartisanGame(博弈+循环节)
- 《Effective Java》笔记(一)
- Spring中使用AspectJ指示器
- POJ 1952 BUY LOW, BUY LOWER
- Rxjava(Subject)-PublishSubject--代码分析