css:实现文本两行或多行文本溢出显示省略号
div{display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;word-wrap: break-word; white-space:pre-wrap;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;
}
如果只是一行的话,要简单一些。
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
转载于:https://www.cnblogs.com/foxcharon/p/8626643.html
css:实现文本两行或多行文本溢出显示省略号相关推荐
- CSS基础: 单行和多行文本溢出显示省略号
文本溢出后很多,会显示一些省略号,这个在很多网站都会这样做,从技术层次来分析有两种,一种是前端通过css或者JavaScript进行进行,还有一种是后端传递文字的时候,本身处理完长度,然后返回一个嗲有 ...
- html最多显示两行,css 实现两行或多行文本溢出显示省略号(...)
1. 大家都知道,强制一行溢出显示省略号(...)的情况很简单 overflow:hidden;//超出的隐藏 text-overflow:ellipsis;//显示省略符号来代表被修剪的文本. wh ...
- HTML技巧篇:如何让单行文本以及多行文本溢出显示省略号(…)
文章目录 HTML技巧篇:如何让单行文本以及多行文本溢出显示省略号(-) 一.单行文本溢出显示省略号 核心css语句: 二.多行文本溢出显示省略号 核心css语句: 效果图: 总结 HTML技巧篇:如 ...
- CSS单行文本以及多行文本溢出显示省略号解决方案
CSS单行文本以及多行文本显示省略号解决方案 文章目录 CSS单行文本以及多行文本显示省略号解决方案 单行文本溢出显示省略号 多行文本溢出显示省略号 第一种效果:仅显示3行文本溢出部分显示省略号 第二 ...
- css多行超出显示点_CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览. 实现方法: overflow: hidden; te ...
- css多行文本溢出显示省略号(…)
text-overflow:ellipsis属性可以实现单行文本的溢出显示省略号(-).但部分浏览器还需要加宽度width属性. css代码: overflow: hidden; text-overf ...
- css实现多行文本溢出显示省略号(…)全攻略
省略号在ie中可以使用text-overflow:ellipsis了,但有很多的浏览器都需要固定宽度了,同时ff这些浏览器并不支持text-overflow:ellipsis设置了,下文来给各位整理一 ...
- 如何设置省略号对其序号 html,CSS实现单行、多行文本溢出显示省略号(…)
最好用max-height来限制一下web 若是实现单行文本的溢出显示省略号同窗们应该都知道用text-overflow:ellipsis属性来,固然还须要加宽度width属来兼容部分浏览.浏览器 实 ...
- 纯CSS实现多行文本溢出显示省略号(兼容不同浏览器)
1.单行文本溢出显示省略号 单行文本溢出显示省略号比较简单,设置white-space: nowrap避免换行,再设置text-overflow: ellipse即可. <style>.s ...
最新文章
- MATLAB_size()和find(),有什么区别?
- 使用PHPStorm 配置自定义的Apache与PHP环境
- linux 进程(一)---基本概念
- Go聊天室的思路:一个拨号 一个监听
- linux 应用层gpio中断_如何在嵌入式Linux中检测GPIO线路上的中断?
- 面试题,作为产品经理你是如何应对需求变更的?
- NLP 带你分析 —— 扎克伯格在听证会上说了什么?
- 并行循环和嵌套循环_并行嵌套循环连接–嵌套循环连接和残留谓词的内侧
- Shell:函数返回值接收
- FTP/文件传输协议
- 过滤器做权限校验以及遇到的坑
- 爬虫实例十一 全国城市房价排行
- Centos7使用OpenTracker自建高性能Tracker服务器
- chrome 插件开发中的热更新问题
- 你不知道的智联招聘网功能?
- gitlab取消邮箱验证(适用gitlab各个版本)
- 电脑白屏,电脑白屏是怎么回事?是系统的原因还是
- 关于OPC的一些组件、没有注册类
- c语言编程快速收敛的圆周率计算,[原创]圆周率PI的计算(精确到几十万位)
- PHP语法基础篇——除法取整和取余数
热门文章
- 编辑器Sublime Text 2
- 坚持做一件事情真的很不容易,首先必须要克服惰性!
- 天气预报中的风向到底有啥用?
- kafka的分区策略(partition assignment strategy)
- WARN RestSubmissionClient: Unable to connect to server spark://master:
- spark大数据基础概念
- hexo的yelee主题中的标签字体大小的修改
- hexo的landfarz主题侧栏靠左
- mysql-ubuntu16.04彻底卸载mysql
- navicat连接CentOS的mysql在创建存储过程时出现1146 - Table ‘mysql.proc’ doesn't exist的问题