CSS中可以很方便地实现
td {
overflow: hidden;
text-overflow: ellipsis;
white-space: Nowrap;
}
解释一下每一行代码的含义：
- overflow: hidden; 表示超出部分隐藏。@H_502_14@
- text-overflow: ellipsis; 表示超出部分被省略号代替。@H_502_14@
- white-space: Nowrap; 表示单行显示。如果
里有很多文本，不加这一句会自动换行。 这三句代码合起来，就可以实现
元素超出部分显示省略号的效果了。 @H_502_14@一些需要注意的地方：
- 这个效果只能应用到单行
元素，如果 里有多行文本，每一行都会省略号代替。 @H_502_14@- 如果
里有链接或按钮等可以点击的元素，不建议使用这个效果。 @H_502_14@相关文章-
css单元格boder
@H_502_14@
-
css区分ie和edge
@H_502_14@
-
css td 的宽度自适应宽度
@H_502_14@
-
css td中内容居中显示
@H_502_14@
-
css td中的div居中
@H_502_14@
作者文章
- css半椭圆的实现 36分钟前 @H_502_14@
- 如何使用易语言释放MySQL资源 11小时前 @H_502_14@
- 如何修改MySQL数据字符集，让你的数据更规范？ 11小时前 @H_502_14@
- html动态效果怎么设置 12小时前 @H_502_14@
- css td 超出部分省略号 12小时前 @H_502_14@
- 如果
- 这个效果只能应用到单行
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
