css实现DIV,LI等元素超出部分文字用省略号…显示

让DIV,LI等元素超出部分文字用省略号…显示。很简单就不多费用了，直接上代码

css代码为：

display:block;

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

估计不少朋友不懂这行代码的意思，361源码也是个劳碌命，本来想直接就写代码算了，想想为了广告草根站长着想，还是给大家分开讲讲：

display:block;是让对象成为块级元素(比如a，span,div,li等),一般都是用display:none和display:block来控制层的显示。

white-space:nowrap;用于处理元素内的空白，只在一行内显示。

overflow:hidden;超过尺寸隐藏不显示。

text-overflow:ellipsis;显示省略符号来代表被修剪的文本。

这么细致的讲，如果还有不理解的，361资源也实在没办法了哦，嘿嘿。前面361源码已经讲过一些CSS的常用代码《30条网站常用CSS代码及使用技巧》，有需要的盆友可以移步参考参考。