博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css 超出部分以省略号的形式显示
阅读量:5139 次
发布时间:2019-06-13

本文共 205 字,大约阅读时间需要 1 分钟。

想要实现文字超出部分以省略号的形式显示首先需要给此元素设置一个宽度,然后添加以下属性

overflow: hidden;/*内容超出后隐藏*/text-overflow: ellipsis;/*超出部分以省略号显示*/white-space: nowrap;/*文本不进行换行*/

 

显示结果就是这样

 

转载于:https://www.cnblogs.com/wyhlightstar/p/6603371.html

你可能感兴趣的文章
spring 事务管理
查看>>
VS2008 去掉msvcr90的依赖
查看>>
当前记录已被另一个用户锁定
查看>>
Node.js 连接 MySQL
查看>>
那些年,那些书
查看>>
注解小结
查看>>
java代码编译与C/C++代码编译的区别
查看>>
Bitmap 算法
查看>>
转载 C#文件中GetCommandLineArgs()
查看>>
list control控件的一些操作
查看>>
LVM快照(snapshot)备份
查看>>
绝望的第四周作业
查看>>
一月流水账
查看>>
npm 常用指令
查看>>
非常棒的Visual Studo调试插件:OzCode 2.0 下载地址
查看>>
判断字符串在字符串中
查看>>
Linux环境下Redis安装和常见问题的解决
查看>>
HashPump用法
查看>>
cuda基础
查看>>
Vue安装准备工作
查看>>