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. zabbix*邮件报警  *用户参数User parameters  *定义key值  *Agentd主动模式与被动模式
			
    邮件报警 #下载安装邮件报警系统wget http://caspian.dotconf.net/menu/Software/SendEmail/sendEmail-v1.56.tar.gz yum - ...
    
			
    2. 
						
  2. 理解MyCat分库分表
			
    1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.
    
			
    3. 
						
  3. 九十八：CMS系统之登录页面CSRF保护和修改密码页面
			
    加上CSRF防御 修改密码页面 视图 class ResetPwd(views.MethodView): decorators = [login_required] # 校验登录状态 def get( ...
    
			
    4. 
						
  4. RTSP协议-中文定义
			
    RTSP协议-中文定义 转自:http://blog.csdn.net/arau_sh/article/details/2982914 E-mail:bryanj@163.com 译者: Bryan. ...
    
			
    5. 
						
  5. DELPHI ClientData使用详解
			
    在三层结构中,TClientDataSet的地位是不可估量的,她的使用正确与否,是十分关键的,本文从以下几个方面阐述她的使用,希望对你有所帮助. 1.动态索引procedure TForm1.DBGr ...
    
			
    6. 
						
  6. postman生成格式化时间
			
    方法一: var moment = require('moment'); var data = moment().format(" YYYYMMDDHHmmss"); consol ...
    
			
    7. 
						
  7. LeetCode.1200-最小绝对值差(Minimum Absolute Difference)
			
    这是小川的第次更新,第篇原创 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第268题(顺位题号是1200).给定一个由不同的整数组成的数组arr,找到所有对元素,其中任意两个元素的绝 ...
    
			
    8. 
						
  8. 非阻塞IO可以等同异步IO嘛？
			
    脑壳短路的一瞬间,黑人问号? 在这个问题之前,我们先了解下IO的过程,下图是异步IO,做个参照(图片随便找的,侵权联系小弟删除) 简单叙述下windows同步IO的流程(图片描述的是异步IO) 1.调 ...
    
			
    9. 
						
  9. Linux 网络 I/O 模型简介（图文）(转载)
			
    Linux 网络 I/O 模型简介(图文)(转载) 转载:http://blog.csdn.net/anxpp/article/details/51503329 1.介绍 Linux 的内核将所有外部 ...
    
			
    10. 
						
  10. 【Python】【demo实验18】【练习实例】【统计输入字符串中，数字的个数、英文字母的个数及其他符号的个数】
			
    原题: 输入一行字符,分别统计出其中英文字母.空格.数字和其它字符的个数. (本题暂时不支持中文字符及汉字) 我的代码: #!/usr/bin/python # encoding=utf-8 # -* ...
    
			
    11.