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层叠顺序
下一篇：
CSS各种文字对齐方式代码