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. Ansible批量自动化管理工具 roles标准化
			
    批量管理服务器的工具,无需部署代理,通过ssh进行管理,是python写的 ansible 常用模块 : (1)shell命令模块执行命令 (2)copy模块批量下发文件或文件夹 (3)script模 ...
    
			
    2. 
						
  2. JAVA中注解的实现原理
			
    注解的本质 「java.lang.annotation.Annotation」接口中有这么一句话,用来描述『注解』. The common interface extended by all anno ...
    
			
    3. 
						
  3. 树莓派(Linux)添加USB外接硬盘
			
    1.显示系统的硬盘设备以及分区 sudo fdisk -l 显示设备名,例如/dev/sda1 2.树莓派默认不支持NTFS文件系统,如果需要支持则要安装相应的软件包 sudo apt-get ins ...
    
			
    4. 
						
  4. python-Web-django-图表统计
			
    下载highchart插件包,放在static下 <script src="/static/highcharts/highcharts.js"></script& ...
    
			
    5. 
						
  5. STS中不同包但相同类名引起的问题：A component required a bean of type 'javax.activation.DataSource' that could not be found
			
    1. 问题输出: APPLICATION FAILED TO START*************************** Description: A component required a  ...
    
			
    6. 
						
  6. git 命令 查看历史提交 git log
			
    怎么理解git commit 命令 git commit 相当于 我们虚拟机快照操作,每次执行commit命令 相当于对本地仓库做一次快照,保存了当时仓库的状态, git commit -m 加上的& ...
    
			
    7. 
						
  7. Node数据库入门(登录注册功能)
			
    1.安装 (1).mysql模块安装 npm i mysql -D (2).co-msql模块安装(该模块不是一个独立的模块,而是mysql的封装,他可以把普通接连封装成一个可以做异步调用的连接) n ...
    
			
    8. 
						
  8. Windows冷门快捷键
			
    Win+Shift+>或者+<光标键,可以使一个程序,在双屏显示器上左右切换. alt+space快捷键相当于在窗口的标题栏上面右键单击,弹出菜单,选择M键,就可以使用光标键上下左右移动来 ...
    
			
    9. 
						
  9. C++中的bool类型
			
    1.C++中的布尔类型 (1)C++在C语言的基础类型系统之上增加了bool: 1)C语言中,没有bool类型存在,往往都是用整型代替bool类型,常用0表示假,1表示真: 2)bool本来就有这样的 ...
    
			
    10. 
						
  10. PAT A1042 Shuffling Machine
			
    自己思路,没通过 #include <cstdio> #define N 54 int main() { #ifdef ONLINE_JUDGE #else freopen("1 ...
    
			
    11.