css 样式文字溢出显示省略号

原本以为文字溢出的处理比较复杂，没想到这么一简简单单的一句话就搞定了，css真是神奇：

.li { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

现在学习希望搞清楚每个具体的属性的意思，存在脑子里，以后就可以顺手写出来啦！

查阅了下，属性如下：

white-space：nowrap;表示文本不会换行，在同一行继续，知道遇到<br>标签为止；

overflow：hidden;不显示超过对象尺寸的内容，就是把超出的部分隐藏了；

text-overflow：ellipsis;当文本对象溢出是显示...，当然也可是设置属性为clip不显示点点点；

阅读更多