white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;

效果如下：

												


											
CSS实现标题/段落省略效果的三剑客的更多相关文章
	

    
								
  1. css中的段落样式及背景
		
    一.段落样式 css中关于段落的样式主要有行高,缩进,段落对齐,文字间距,文字溢出,段落换行等.它们的具体语法如下: line-height : normal | length text-indent ...
    
		
    2. 
						
  2. 用html+css+js实现选项卡切换效果
		
    文章转载自:http://tongling.github.io/JSCards/ 用html+css+js实现选项卡切换效果 使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 文字素材 ...
    
		
    3. 
						
  3. [前端] html+css+javascript 实现选项卡切换效果
		
    用html+css+js实现选项卡切换效果使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 文字素材:房产: 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安 ...
    
		
    4. 
						
  4. 你想不到的！CSS 实现的各种球体效果【附在线演示】
		
    CSS 可以实现很多你想不到的效果,今天我们来尝试使用 CSS 实现各种球体效果.有两种方法可以实现,第一种是使用大量的元素创建实际的 3D 球体,这种方法有潜在的性能问题:另外一种是使用 CSS3  ...
    
		
    5. 
						
  5. 炫！一组单元素实现的 CSS 加载进度提示效果
		
    之前的文章个大家分享过各种类型的加载效果(Loading Effects),这里再给大家奉献一组基于单个元素实现的 CSS 加载动画集合.这些加载效果都是基于一个 DIV 元素实现的,十分强悍. 温馨 ...
    
		
    6. 
						
  6. Codrops 优秀教程：CSS 3D Transforms 实现书本效果
		
    这个使用  CSS 3D Transforms 实现创意书本效果的来自 Codrops 网站.你可以看到两种类型的书设计:精装书和平装书.这两个效果都可以很容易地使用 CSS 修改.赶紧体验一下吧.  ...
    
		
    7. 
						
  7. 基于jQuery标题有打字效果的焦点图
		
    给大家分享一款基于jQuery标题有打字效果的焦点图.之前为大家分享了好多jquery的焦点图.这款焦点图适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗 ...
    
		
    8. 
						
  8. CSS发光边框文本框效果
		
    7,166 次阅读 ‹ NSH Blog 网页设计 CSS发光边框文本框效果 或许你看过Safari浏览器下,任何输入框都会有一个发光的蓝色边框,这不单纯只是蓝色边框而已,其实包含了许多CSS3技巧知 ...
    
		
    9. 
						
  9. CSS 实现的各种球体效果
		
    CSS 实现的各种球体效果[附在线演示] CSS 可以实现很多你想不到的效果,今天我们来尝试使用 CSS 实现各种球体效果.有两种方法可以实现,第一种是使用大量的元素创建实际的 3D 球体,这种方法有 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Go学习之路
			
    注:图片来自 https://github.com/gocn/knowledge, 更新在此,共勉前行者.
    
			
    2. 
						
  2. 布思算法Java实现
			
    public String multiply(String Q,String M){ char Q0 = '0'; String A = get01(Q.length(),"0") ...
    
			
    3. 
						
  3. 2017-2018-2 165X 『Java程序设计』课程 结对编程练习_四则运算
			
    2017-2018-2 165X 『Java程序设计』课程 结对编程练习_四则运算 经过第一阶段的学习,同学们已经熟悉了这门语言基本的用法.在一次又一次对着电脑编写并提交代码,进行练习的时候,有没有觉 ...
    
			
    4. 
						
  4. 新建的亚马逊云服务器EC2 ping 不通 解决方案
			
    在EC2配置安全组里面新加一条规则
    
			
    5. 
						
  5. 末学者笔记--Linux网络模式及网卡配置
			
    一．linux网络的模式 三种模式:桥接,Nat和仅主机模式 一.桥接模式:配置桥接模式的虚拟机作为独立计算机存在 特点: 1. 虚拟机可以上外网2. 可以和局域网内任意一台电脑通信3. 可以和宿主机 ...
    
			
    6. 
						
  6. [转] vue&webpack多页面配置
			
    前言 最近由于项目需求,选择使用vue框架,webpack打包直接使用的vue-cli,因为需要多页面而vue-cli只有单页面,所以就决定修改vue-cli的配置文件来满足开发需求. html-we ...
    
			
    7. 
						
  7. AGC-018 C
			
    题意: 有$X + Y + Z$个人,第$i$个人有$Ai$个金币,$Bi$个银币,$Ci$个铜币. 选出$X$个人获得其金币,选出$Y$ 个人获得其银币,选出$Z$个人获得 其铜币,在不重复选某个人 ...
    
			
    8. 
						
  8. 在vue2中隐藏elementUI的tab栏
			
    <template> <el-tabs v-model="activeName" @tab-click="handleClick" ref=& ...
    
			
    9. 
						
  9. 动态规划——Best Time to Buy and Sell Stock III
			
    题意:用一个数组表示股票每天的价格,数组的第i个数表示股票在第i天的价格. 如果最多进行两次交易,但必须在买进一只股票前清空手中的股票,求最大的收益. 示例 1:Input: [3,3,5,0,0,3 ...
    
			
    10. 
						
  10. CSS（六）
			
    CSS权重 CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式. 权重的等级 可以把样式的应用方式分为几个等级,按照等 ...
    
			
    11.