css控制文字 文本超出部分显示省略号
来源:互联网 发布:黄鹤财富网络借贷 编辑:程序博客网 时间:2024/05/01 06:26
文本超出部分显示省略号分为两种情况:
第一种: 文本只显示一行超出部分省略,实现方法:
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
第二种:多行文本超出部分省略,实现方法:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
下面是找到的解释:注:
- -webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:
- display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
- -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
阅读全文
0 0
- css控制文字 文本超出部分显示省略号
- CSS控制文字,超出部分显示省略号
- CSS控制文字,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS实现文字超出部分显示省略号
- css文字超出部分显示省略号
- css实现文本超出部分显示省略号
- CSS样式控制一行文字超出部分显示省略号 text-overflow:ellipsis
- CSS限制文字只能显示一行,超出部分显示省略号
- 超出文本部分显示省略号
- CSS控制文本超出部分显示省略号(一行跟多行)
- css控制文字行数,超出部分用省略号代替
- tp自带分页类样式转Bootstrap分页样式
- 今日小程序推荐:毒舌电影
- 【NOI2016】区间(线段树+离散化)
- Error: Can't set headers after they are sent错误之坑
- Navicat导入sql失败
- css控制文字 文本超出部分显示省略号
- Java知识:数据存储位置&常量池
- 机器学习初步理解
- 菜单显示但访问不了页面?
- BufferedInputStream如何提高读取文件速度
- Visual Studio 2015 常用快捷键
- webstorm设置自定义注释/注解
- 【mfc】vc++ 使用64位平台编译,运行程序出现0xc000007b错误的解决方案
- java 使用synchronized关键字锁定的对象