CCS3属性之text-overflow:ellipsis;的用法和注意之处

语法:
text-overflow:clip | ellipsis
clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。 
ellipsis: 当对象内文本溢出时显示省略标记(...)。

在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果,示例代码:

<style type="text/css">
    .test{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:150px;}
</style>
<div class="test">关于**产品的推广关于**产品的推广关于**产品的推广</div>

上面的width属性根据实际需要填写,其它样式是固定的。

时间: 2024-12-15 21:32:19

CCS3属性之text-overflow:ellipsis;的用法和注意之处的相关文章

让script的type属性等于text/html

type属性为text/html的时候,<script>片断中定义一个被JS调用的代码,代码不会在页面上显示 <script id="commentTemplate" type="text/html"> <li> <div class="photo"> <a href="#"> <img src="[UserImg]" style="

mysql怎么储存长字符-----MySQL text与blob字段类型的不同之处

字段类型选text型 或blog 区别见: 以下的文章主要介绍的是MySQL text与blob字段类型的不同之处的比较,同时本文也有对MySQL text与blob字段类型的实际应用的介绍,如果你对MySQL text与blob字段类型相关的实际操作有兴趣的话,你就可以对以下的文章点击观看了. 1. blob是二进制大对象,可以容纳可变量数量的数据,其中blob分为4中类型:TINYBLOB,BLOB,mediumblob和LongBlob,他们容纳的长度是不同的. Text同样也分为四种类型

MaskEdit组件的EditText属性和Text属性

MaskEdit组件主要是EditMask属性 是string属性. 掩码字符串EditMask属性分为3个部分,分别用分号隔开,形式是“XXXXX;X;X” 第一部分是掩码字符串的主要部分,它确定输入数据的格式,由一系列制定的特殊字符构成.其中用到的字符和意义见表 第二部分决定是否将掩码中的非格式字符串作为数据的一部分,0表示不作为数据的一部分,1表示作为数据的一部分,他将影响Text属性值. 第三部分支出在掩码中用来代表未输入数据的字符. EditText和Text 属性都可以用来读取用户输

Jquery 取得页面所有 input 属性为text的id 和input里面的值

var inputid=""; var inputArray=$("input[type='text']");//取到所有的input text 并且放到一个数组中 inputArray.each(//使用数组的循环函数 循环这个input数组 function (){ var input =$(this);//循环中的每一个input元素 inputid+=input.attr("id")+":"+$('#'+input.a

微信开发的一些问题

页面禁止缩放: <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1"> 关于禁止横屏: 关于在移动端使用普通的click事件延迟300ms的问题: 1. 将click事件转变成touchstart/touchend事件(手指按下即会触发) ;(function(){ va

text属性

-------------------------------------------------------------------------------- 对p标签进行样式的设置 text-justify:inter-word; 增加/减少单词的间隔只在IE及部分浏览器上支持 text-align: justify;两端对齐 text-align:auto; 浏览器自行决定算法 text-align:none;禁用齐行 text-align:用表意文本来排齐内容 -------------

jQuery的属性与样式之html()及.text()

读取.修改元素的html结构或者元素的文本内容是常见的DOM操作,jQuery针对这样的处理提供了2个便捷的方法.html()与.text() .html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容,具体有3种用法: .html() 不传入值,就是获取集合中第一个匹配元素的HTML内容 .html( htmlString )  设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的

CSS中的overflow属性

导读:overflow属性一般用来隐藏超过div范围的元素,包括不隐藏(visible),直接隐藏(hidden),用滚动条隐藏(scroll),自动(aotu)这四个属性.当然overflow的用法并不是如此简单的理解,在很多制作网页的场合我们都需要用overflow,本文介绍overflow的四种常用属性值以及使用. 根据CSS的盒模型概念,页面中的每个元素,都是一个矩形的盒子.这些盒子的大小.位置和行为都可以用CSS来控制.对于行为,我的意思是当盒子内外的内容改变的时候,它如何处理. 比如

【HTML5】文本属性

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <link rel="stylesheet" type="text/css" href="style.css"> 7 </head> 8 <body> 9 &l