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

这篇文章主要为大家详细介绍了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模板网。

感谢打赏，我们会为大家提供更多优质资源！