text-overflow语法:
text-overflow : clip | ellipsis
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
text-overflow设置或检索是否使用一个省略号标记(...)标示对象内文本文字的溢出。
要想实现显示不完内容将显示省略号代替,还需要html nobr标签完成(nobr 禁止换行标签)
或者
css命令:white-space: nowrap;
例子:
html:
<div class="blog_time"> <p class="blog-title">顺势而为,HTML发展与UI组件设计进化</p> </div> 或者: <div class="blog_time"> <p class="blog-title"><nobr>顺势而为,HTML发展与UI组件设计进化</nobr></p> </div>
css :
.blog_time { width :100px //设置宽度 } .blog-title { font-size: 18px; //字体大小 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 或者
.blog_time { width :100px //设置宽度 } .blog-title { font-size: 18px; //字体大小 overflow: hidden; text-overflow: ellipsis; }
相关推荐
js中巧用cssText属性批量操作样式.docx
很多人用过 style.color、style.display 等直接设置元素的样式属性,但是 style.cssText 用过的人就不多了。 cssText 本质是什么? cssText 的本质就是设置 HTML 元素的 style 属性值。 cssText 怎么用? 代码如下:...
代码如下: var element= document.getElementById(“id”);... js中有一个cssText的方法: 语法为:obj.style.cssText=”样式”; 上面的代码我们可以修改成:感谢sliuqin的在留言中的斧正 element.styl
js中用事实证明cssText性能高的问题.docx
js中用cssText设置css样式的简单方法.docx
事实证明cssText在多数浏览器中性能较高</title> </head> <body> <input type=”button” value=”测试1″ onclick=”test1()”/> || <input type=”button” value=”测试2″ onclick=...
head.style.width = “200px”; head.style.height = “70px”; head.style.display = “block”; 这样写太罗嗦了,为了简单些写个工具函数,如 代码如下: function setStyle(obj,css){ for(var atr in css){ obj....
在IE6/7/8中少了分号。使用cssText属性时需注意。
下面小编就为大家带来一篇js中用cssText设置css样式的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
document.getElementById("textdis").style.cssText="font-size:28pt;font-family:隶书;color:red"; }//显示及改变文字 a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { ...
B) {alert(\"输入的身份证号 \"+ a[0] +\" 里出生日期不对!\"); return false;} } return true; } 3.7 复选框的全选,多选,全不选,反选 (\'mm\')\">全选 (\'All\')\"> (\'All\')\">...
将对 CSS 的几个新属性 (text-shadow,box-shadow,and border-radius) 做基本介绍。这些 CSS3 属性通常用来加强页面布局。
Java大数据培训学校视频课程:"java大数据培训学校全套教材"系列课程由750集视频构成,基本就 是1)... 本门课程为"java大数据培训学校全套教材"系列课程的第二十二篇,学习JS与CSS,cssText,hover,overflow等概念。
overflow: hidden; } #box{ position: absolute; z-index: 1; top: 0; left: 0; width: 50px; height: 50px; background: radial-gradient(#ff0,#f00); border-radius: 50%; } ...