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. Linux 查看磁盘空间 相关命令
			
    Linux 查看磁盘空间 相关命令 实际工作中,我们经常需要查看磁盘空间的使用情况,以防止磁盘空间不足,导致的系统崩溃或者服务异常等问题. 常用的磁盘空间查看命令如下: 1.查看磁盘空间的整体使用情况 ...
    
			
    2. 
						
  2. java+目录上传
			
    我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用. 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小 ...
    
			
    3. 
						
  3. JAVA与c#中byte取值范围的差异
			
    C#中分有符号类型的sbyte和无符号类型的byte Console.WriteLine("byte.min:{0},byte.max:{1},{2}byte", byte.Min ...
    
			
    4. 
						
  4. mysql安装报错error: Header V3 DSA signature: BAD, key ID
			
    CentOS安装rpm安装MySQL时爆出警告: warning: mysql-community-server-5.7.18-1.el6.x86_64.rpm: Header V3 DSA/SHA1 ...
    
			
    5. 
						
  5. What's binary search?
			
    Binary Search: Search a sorted array by repeatedly  dividing the search interval in half. Begin with ...
    
			
    6. 
						
  6. 创建vue 项目
			
    sudo npm install -g @vue/cli-init vue init webpack my-project cd my-project/ npm install npm run dev
    
			
    7. 
						
  7. 【机器学习】ICA 原理以及相关概率论，信息论知识简介
			
    看完了sparse coding,开始看ICA模型,本来ng的教程上面就只有一个简短的介绍,怎奈自己有强迫症,爱钻牛角尖,于是乎就搜索了一些ICA的介绍文章(都是从百度文库中搜来的),看完之后感觉这个 ...
    
			
    8. 
						
  8. python中 __file__的小坑坑
			
    在python脚本中,我们难免会需要用到自身文件所在的绝对路径,第一想法可能就是用os.path.dirname(__file__) 但是这里有个大坑,我就踩了,这种方式得到路径会出现问题,脚本执行报 ...
    
			
    9. 
						
  9. Nginx的负载均衡和项目部署
			
    nginx的作用 Nginx是一款自由的.开源的.高性能的HTTP服务器和反向代理服务器:同时也是一个IMAP.POP3.SMTP代理服务器:Nginx可以作为一个HTTP服务器进行网站的发布处理,另 ...
    
			
    10. 
						
  10. C# String与Byte数组的转换
			
    string转byte[]: byte[] byteArray = System.Text.Encoding.Default.GetBytes(str); byte[] byteArray = Enc ...
    
			
    11.