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. python 读写文件中 w与wt ; r与rt 的区别
			
    w,r,wt,rt都是python里面文件操作的模式.w是写模式,r是读模式.t是windows平台特有的所谓text mode(文本模式),区别在于会自动识别windows平台的换行符.类Unix平 ...
    
			
    2. 
						
  2. linux异步IO的两种方式【转】
			
    转自:https://blog.csdn.net/shixin_0125/article/details/78898146 知道异步IO已经很久了,但是直到最近,才真正用它来解决一下实际问题(在一个C ...
    
			
    3. 
						
  3. 【原创】大叔问题定位分享（10）提交spark任务偶尔报错 org.apache.spark.SparkException: A master URL must be set in your configuration
			
    spark 2.1.1 一 问题重现 问题代码示例 object MethodPositionTest { val sparkConf = new SparkConf().setAppName(&qu ...
    
			
    4. 
						
  4. from表单校验插件  validate 实例
			
    $("#nextSubmit").click(function(){ $("#recovePasswordForm").submit(); }); $(&quo ...
    
			
    5. 
						
  5. jenkins添加类ubuntu/centos节点报错
			
    前言:在jenkins添加ubuntu节点,发现启动代理报错 以下是报错: [SSH] Checking java version of /usr/java/latest/bin/java Could ...
    
			
    6. 
						
  6. 你好！酷痞 Coolpy
			
    欢迎你进入酷痞的物联网世界.这里有着自由的空气和自然的气息.接下来我将告诉你如果一步步建立一个自己专属的物联网平台. 由于目前的酷痞的官方域名还没有通过备案所以现在用临时域名解说本说明. 最终酷痞的官 ...
    
			
    7. 
						
  7. js隐藏元素、jquery隐藏、css隐藏
			
    $("#yh").css("display","none");//隐藏元素 $("#yh").css("dis ...
    
			
    8. 
						
  8. weblogic 安装部署详解
			
    0x01 weblogic下载安装 去Oracle官网下载Weblogic 10.3.6,选择Generic版本,各版本选择下载地址:http://www.oracle.com/technetwork ...
    
			
    9. 
						
  9. URL 链接中 井号#、问号?、连接符& 分别有什么作用？
			
    在一个 URL 中可以包含很多的内容,其中不仅仅是包含 26 个英文字母,10 个罗马数字,中文汉字,还可以拥有井号“#”.问号“?”.连接符“&”等三种最常见的符号,那么这些符号在网站中都有 ...
    
			
    10. 
						
  10. CSS（四）
			
    css元素溢出 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置. overflow的设置项: 1.visible 默认值.内容不会被 ...
    
			
    11.