4要素：



width: 125px;  //宽度必须




text-overflow: ellipsis/clip; //省略号或裁剪；




white-space: nowrap;//强制内容在一行显示;




overflow: hidden; // 超出隐藏




多行




text-overflow: ellipsis;




-webkit-line-clamp: 2;




display: -webkit-box;//必须




-webkit-box-orient: vertical;//必须




												


											
CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法_CSS教程的更多相关文章
	

    
								
  1. CSS基础：text-overflow:ellipsis溢出文本
		
    <!DOCTYPE html><html> <head> <title> new document </title> <meta na ...
    
		
    2. 
						
  2. 使用 text-overflow: ellipsis溢出文本显示省略号时碰到的小问题
		
    本人刚刚实习,第一次写东西,希望大家多多鼓励. 项目中需要实现标题超过一定长度以省略号的形式显示,不是什么难的问题.可是我不想用js实现,就百度了发现text-overflow: ellipsis;( ...
    
		
    3. 
						
  3. CSS 单行溢出文本显示省略号...的方法（兼容IE FF）（转）
		
    http://www.52css.com/article.asp?id=602 ===================================================     html ...
    
		
    4. 
						
  4. css 溢出文本显示省略号
		
    这个标题其实已经是一个老生常谈的问题了.很多时候,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没有这么宽,这时候最正常的做法就是 让超出宽度的部分文字用省略号(…)来表示.通常做法是网 ...
    
		
    5. 
						
  5. 新公司入职第一天遇到的 关于 CSS 单行溢出文本显示省略号...的问题
		
    上班第一天 前端岗位,因为公司这个项目是标准开发 所以没法用框架在打架页面,好吧 我手写 各种div 各种css样式 好不忧伤,好吧 不废话了 进入正题. 想在导航栏中的 客户信息 功能点 实现溢出用 ...
    
		
    6. 
						
  6. 使用text-overflow:ellipsis对溢出文本显示省略号有两个好处
		
    使用text-overflow:ellipsis对溢出文本显示省略号有两个好处,一是不用通过程序限定字数:二是有利于SEO.需要使用对对溢出文本显示省略号的通常是文章标题列表,这样处理对搜索引擎更友好 ...
    
		
    7. 
						
  7. text-overflow:ellipsis  ，溢出文本显示省略号
		
    text-overflow:ellipsis 对溢出文本显示省略号有两个好处, 一是不用通过程序限定字数 二是有利于SEO. 需要使用对对溢出文本显示省略号的通常是文章标题列表,这样处理对搜索引擎更友 ...
    
		
    8. 
						
  8. css text-overflow溢出文本显示省略号
		
    <div style="width: 100px; overflow: hidden; text-overflow:ellipsis"> <nobr>当对象 ...
    
		
    9. 
						
  9. css溢出文本显示省略号
		
    css div { width: 200px; height: 200px; border: 1px solid; /* 以下四条缺一不可 其中 display:block 为隐藏条件 */ disp ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. EBR-TLV数据格式
			
    EMV规范中的BER-TLV数据格式:BER-TLV结构由Tag.Length.Value三部分组成. [TAG域]TAG可以由1个与多个字节组成,TAG域的第一个字节编码格式如下: 其中由三部分组成 ...
    
			
    2. 
						
  2. python之scrapy模块scrapy-redis使用
			
    1.redis的使用,自己可以多学习下,个人也是在学习 https://www.cnblogs.com/ywjfx/p/10262662.html官网可以自己搜索下. 2.下载安装scrapy-red ...
    
			
    3. 
						
  3. python之scrapy模块logging日志
			
    1.知识点 """ logging : scrapy: settings中设置LOG_LEVEL="WARNING" settings中设置LOG_F ...
    
			
    4. 
						
  4. Linux 查看 MySQL的版本信息
			
    Linux 查看 MySQL的版本信息 如何查看某台 Linux 主机上的 安装的 MySQL版本信息? 使用如下命令,查看 MySQL的版本信息: mysql -V 或者 mysql --versi ...
    
			
    5. 
						
  5. Python3 循环_break和continue语句及循环中的else子句
			
    break和continue语句及循环中的else子句break语句可以跳出for和while的循环体.如果你从for或while循环中终止,任何对应的循环else块将不执行. continue语句被 ...
    
			
    6. 
						
  6. vue中如何编写可复用的组件？
			
    原文地址 Vue.js 是一套构建用户界面的渐进式框架.我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件. 从维护视图到维护数据,Vue.js 让我们快速地开发应用.但随着业务代码日 ...
    
			
    7. 
						
  7. vue新增属性是否会响应式更新?
			
    原文地址 在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的. 根据官 ...
    
			
    8. 
						
  8. A smooth collaborative recommender system  推荐系统-浅显了解
			
    characteristic: 1.Tracking user 2.personliza 3.面对的问题类似于分形学+混沌学(以有观无+窥一管而知全貌) 4.Data:high-volume.spar ...
    
			
    9. 
						
  9. linux 系统函数 basename和dirname
			
    在linux系统中有这样两个系统函数,basename 和  dirname 1.basename 用于 获取文件名, 1.1 当给定扩展名作为参数之后,甚至可以直接获取文件名 2.与basename ...
    
			
    10. 
						
  10. jquery-validation JQ 表单验证
			
    jquery-validation是一款前端验证js插件,可以验证必填字段.邮件.URL.数字范围等,在表单中应用非常广泛. 官方网站 https://jqueryvalidation.org/ 下载 ...
    
			
    11.