手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS截取字符串显示省略号
CSS截取字符串显示省略号
摘要:有时候,为了避免页面中某个Div的内容过多,而导致页面变形,我们通常在CSs中定义overflow:hidden,这样会不显示文字,不过看上...

 有时候,为了避免页面中某个Div的内容过多,而导致页面变形,我们通常在CSs中定义overflow:hidden,这样会不显示文字,不过看上去用户体验不太好,为了获得最佳的用户体验,我们在隐藏文字的同时,可以在文字后边显示省略号,CSS中有现成的方法可以用,比如下面对CSS的定义:

1/*CSS代码如下:*/

2show{

3overflow:hidden;

4white-space:nowrap;

5text-overflow:ellipsis;

6/*为你显示文字的div添加宽度定义,当超出宽度时会自动添加省略号*/

7width:30px;

8}

在上述代码中,text-overflow:ellipsis就是显示省略号的,很不错吧?

【CSS截取字符串显示省略号】相关文章:

如何用CSS让文字居于div的底部

CSS网页布局中默认字体样式

CSS常用中文字体大全

CSS样式颜色属性的使用

有关首行首字下沉的实现原理及代码

表格边框以虚线显示的css样式

文字过长用省略号代替纯css代码

CSS浮动布局基础

CSS让ul所有的li居中显示的方法

CSS掌握定位的盒子模式

精品推荐
分类导航