有时候,为了避免页面中某个Div的内容过多,而导致页面变形,我们通常在CSs中定义overflow:hidden,这样会不显示文字,不过看上去 用户体验不太好,为了获得最佳的用户体验,我们在隐藏文字的同时,可以在文字后边显示省略号,CSS中有现成的方法可以用,比如下面对CSS的定义:
1 /*CSS代码如下:*/
2 show{
3 overflow:hidden;
4 white-space:nowrap;
5 text-overflow:ellipsis;
6 /*为你显示文字的div添加宽度定义,当超出宽度时会自动添加省略号*/
7 width:30px;
8 }
text-overflow:ellipsis就是显示省略号