div显示固定长度的内容(text-overflow)
来源:互联网 发布:淘宝卷 xposed 编辑:程序博客网 时间:2024/05/22 03:48
web开发过程中,有时候从数据库查出来的数据过长,前台页面如果没有控制好,会显示很长的数据,影响美观,而用后台去控制长度有些麻烦。这个时候就需要只显示固定的长度,将多余的内容以“......”或者直接截取不显示,可以使用
text-overflow:clip 或者text-overflow: ellipsis
clip:不显示省略标记(...),而是简单的裁切
ellipsis:当对象向内文本溢出时显示省略标记(...)
代码如下:
注解: width:20px 限定需要显示的字符的长度,
text-overflow:ellipsis :当前元素内长文本溢出时显示省略号(注意,此属性需和下面两个属性同时使用)
white-space:nowrap:强制文本在一行内显示
overflow:hidden:将溢出文本隐藏(否则会在一行内强制显示并超出容器宽度)。
自己测试了一下,将此属性用到div里面能用,用到td里面就没有效果了
- div显示固定长度的内容(text-overflow)
- 文本内容的样式(overflow/text-align/text-overflow/white-space/word-break/pre/curosor/font-family)
- div显示字符超过固定长度是显示……的方法
- 如何让DIV在内容不固定的情况下宽度刚好显示完内容
- word-break:break-all和word-wrap:break-word区别; 以及 text-overflow Div的内容自动换行(转载)
- 动态设置div,标题栏固定显示,内容动态适应
- text-overflow 文本超出显示...
- CSS限制文本长度,运用text-overflow
- text-overflow:ellipsis溢出文本显示省略号的详细方法
- text-overflow:ellipsis的巧妙运用,显示字符过长处理
- CSS基础:text-overflow:ellipsis溢出文本的显示样式
- 文本的text-overflow
- text-overflow的用法
- text-overflow的用法
- text-overflow的用法
- text-overflow的用法
- div(固定宽度和不固定宽度)居中显示的方法总结
- div(固定宽度和不固定宽度)居中显示的方法总结
- 在 Windows 下安装 PHP 开发环境(基于 Appserv)
- 常见问题 之 win32平台下用C开发Socket程序
- Quartz的cron表达式
- C#编写的作弊器源码
- 疯狂的房地产
- div显示固定长度的内容(text-overflow)
- Grid++Report工作原理
- 我的电子病历
- 不孝萦绕耳边
- MouseLeftButtonDown事件无法触发
- 做研究----箴言
- 五步阅读法
- SaveFileDialog例子
- SQL 语言的四大组成部分 DQL DML DDL DCL