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. CentOS 7  应用
			
    为方便以下CentOS7简称C7,CentOS6简称C6 优化 1.安装常用功能 yum -y install bash-completion lrzsz telnet tree vim wget n ...
    
			
    2. 
						
  2. Spring Boot AOP Demo
			
    什么是AOP? AOP面向切面,切面将那些与业务无关,却被业务模块共同调用的逻辑提取并封装起来,减少了系统中的重复代码,降低了模块间的耦合度,同时提高了系统的可维护性. 实现策略JAVA SE动态代理 ...
    
			
    3. 
						
  3. JAVA正则表达式 Pattern和Matcher类
			
    java.util.regex是一个用正则表达式所订制的模式来对字符串进行匹配工作的类库包. 1.简介:  java.util.regex是一个用正则表达式所订制的模式来对字符串进行匹配工作的类库包. ...
    
			
    4. 
						
  4. Cgroup与LXC简介
			
    原文地址: https://blog.51cto.com/speakingbaicai/1359825 一.Docker.LXC.Cgroup的结构关系 根据Docker布道师Jerome Petaz ...
    
			
    5. 
						
  5. 【笔记】7天玩转容器&CKA管理员实训
			
    第一部分 day1,容器基础知识介绍 安装 apt-get install docker-engine [root@cce-7day-fudonghai-24106 01CNL]# docker -v ...
    
			
    6. 
						
  6. uni-app 手指左右滑动实现翻页效果
			
    首先给页面添加 touch 事件 <view class="text-area" @touchstart="start" @touchend=" ...
    
			
    7. 
						
  7. Tensorflow  保存模型 & 在java中调用
			
    本节涉及: 保存TensorFlow 的模型供其他语言使用 java中调用模型并进行预测计算 一.保存TensorFlow 的模型供其他语言使用 如果用户选择“y” ,则执行下面的步骤: 判断程序执行 ...
    
			
    8. 
						
  8. js有序数组中插入一个元素，并有序的输出
			
    题目:比较传入函数的参数,将参数组成数组,从小到大排序,返回新的数组. 如: insert();console.log(arr); //[] insert(-1,-2); console.log(ar ...
    
			
    9. 
						
  9. jQuery代码书写规范
			
    1. 对于同一个对象不超过三个操作的,可以直接写成一行 $("li").show().unbind("click"); 2. 对于同一个对象的较多操作,建议每行 ...
    
			
    10. 
						
  10. 【计算机视觉】TPAMI的Editors
			
    写了一篇文章准备试试TPAMI,没指望中,就当听听意见也好,让选两个Editors (2 preferred editors required),于是调研了一下这些人都是做什么的,有同行路过请评价补充 ...
    
			
    11.