这篇文章主要为大家详细介绍了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代码及使用技巧》，有需要的盆友可以移步参考参考。
以上就是css实现DIV,LI等元素超出部分文字用省略号…显示的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持361模板网。
感谢打赏，我们会为大家提供更多优质资源！
