这个文章不错http://www.css88.com/archives/5206css中有一个属性: text-overflow,可以设置文本超出指定长度后的文本截取样式。下面是从 w3shcool截的图:但是 text-overflow 有一个缺陷,它只能对单行文本起效果,如果是多行文本就不好使了...
分类:
其他好文 时间:
2014-11-20 20:18:26
阅读次数:
180
css:
width: 350px;
display: block;
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;...
分类:
Web程序 时间:
2014-11-19 10:59:41
阅读次数:
173
平时用的多的强制不换行:div{white-space:nowrap;width:***;text-overflow:ellipsis;overflow:hidden}white-space:normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象text-ove...
分类:
其他好文 时间:
2014-11-17 15:38:29
阅读次数:
163
前言:由于文字内容的长度不确定性和页面布局的固定性,难免会出现文字内容超过div(或其他标签,下同)区域的情况,此时比较好的做法就是当 文字超过限定的div宽度后自动以省略号(…)显示,这样,按照习惯,人们都会知道这儿有文字被省略了。css中有个属性叫做text- overflow:ellipsis...
分类:
其他好文 时间:
2014-11-14 13:57:51
阅读次数:
315
今天在设置p标签时,为p标签设置了以下属性:p {line-height :70px; margin-left :10px; white-space :nowrap ;width :700px; text-overflow:ellipsis;}发现死活不起作用,连width都不起作用,然后加了个.....
分类:
其他好文 时间:
2014-11-13 16:26:18
阅读次数:
153
这是一个很简单的组合技,灵活应用省略号。缩减成这样一行。直接看看这些CSS属性吧。 第一招是overflow,这个大家都很常见。它规定了当内容溢出元素框发生的事情,一般值就三种,默认的visible,直接修剪掉的hidden,还有产生滚动条的scroll(或者auto)。我们要做这种省略框,自...
分类:
其他好文 时间:
2014-11-13 12:11:28
阅读次数:
160
white-space:nowrap; /* 禁止自动换行 */overflow:hidden; /* 隐藏溢出的内容 */text-overflow:ellipsis; /* 溢出文本使用...代替 */
分类:
Web程序 时间:
2014-11-08 20:47:05
阅读次数:
180
一般的文字截断(适用于内联与块):.text-overflow { display:block;/*内联对象需加*/ width:25em; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/*.....
分类:
Web程序 时间:
2014-11-07 18:47:11
阅读次数:
224
用CSS实现超长字段用省略号表示的方法 html实例代码如下: <div style="width:150px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis"> 用CSS实现超长字段被省略的方法</div> 注意:设置宽度,ove...
分类:
Web程序 时间:
2014-11-06 13:14:14
阅读次数:
171
HTML文字滚动标签Hello, WorldCSS溢出的内容用(...)代替text-overflow: ellipsis;强制不允许换行white-space: nowrap;
分类:
Web程序 时间:
2014-10-29 12:19:08
阅读次数:
170