text-overflow修剪文本,以省略号显示
2024-09-14 02:03:51
overflow: hidden; 必须设置,不然无法修剪文本
white-space: nowrap; 规定段落中的文本不进行换行
text-overflow: ellipsis; 当文本溢出包含元素时显示省略号
<div>文本过长部分会被截断文本过长部分会被截断文本过长部分会被截断</div> <style type="text/css">
div{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 200px;
border:1px solid #ccc;
}
</style>
注意:文本的修剪不受高度影响,只要文本长度超过容器宽度就会被修剪,不会换行。
最新文章
- 查看Linux系统版本与位数
- (转)对Lucene PhraseQuery的slop的理解
- c#数据绑定(2)——删除DataTable的数据
- 获取广告标识符ifad
- TeamViewer11使用教程
- jsp内置对象作业3-application用户注册
- BZOJ 2002 [Hnoi2010]Bounce 弹飞绵羊 ——Link-Cut Tree
- 高性能JavaScript-JS脚本加载与执行对性能的影响
- 构造高度自适应的textarea
- iOS UIButton加在window上点击无效果问题
- DB天气 Alpha版使用说明
- 第一个VC++ win32程序 绘制简单图形
- 数据结构C语言版 有向图的十字链表存储表示和实现
- Postman 串行传参和动态传参详解
- 负载均衡之nginx
- 【编程技巧】Ext.QuickTips.init();
- UIScrollView&;nbsp;UIPageViewControlle…
- go语言nsq源码解读九 tcp和http中channel、topic的增删
- Sublime Text3工具的安装、破解、VIM功能vintage插件教程
- 【Android】Android import和export使用说明 及 export报错:jarlist.cache: Resource is out of sync with the file syst解决
热门文章
- 社区发现的3个评估指标:标准化互信息NMI,ARI指标,以及模块度(modularity)
- ";|";,“.”,";include";在jade中的用法(原样输出)
- oracle 转 mysql 最新有效法
- Python3之hashlib
- Centos6.7安装Pycharm及升级JDK
- QMYSQL driver not loaded
- Java_反射机制详解
- Jar包的格式
- 机器学习中规范化项:L1和L2
- javascript快速入门1--JavaScript前世今生,HelloWorld与开发环境