你的位置:首页 > 软件开发 > 网页设计 > 不值一提,却又不得不提的“CSS文本超出部分省略号代替”

不值一提,却又不得不提的“CSS文本超出部分省略号代替”

发布时间:2016-03-31 23:34:44
偶然看到一篇类似css技巧与经验总结的文章,其中有一部分非常熟悉,那就是“css控制元素内文本超出部分使用省略号代替”,一般实际工作中,很多产品经理会对页面UI有这样的要求。还记得,第一次做这个功能时,是通过百度到的,然后就是一劳永逸,直接 ...

不值一提,却又不得不提的“CSS文本超出部分省略号代替”

偶然看到一篇类似css技巧与经验总结的文章,其中有一部分非常熟悉,那就是“css控制元素内文本超出部分使用省略号代替”,一般实际工作中,

很多产品经理会对页面UI有这样的要求。还记得,第一次做这个功能时,是通过百度到的,然后就是一劳永逸,直接记事本记录下来,以后基本上

就是拿来主义,根本就没有去研究一下其中的原理(其实也没什么原理,方法也很简单,O(∩_∩)O哈哈~),恰逢今日又碰到了,那就做个了断吧。

 

实现如题的功能,我们常用的代码如下:

p{  width: 100px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

原标题:不值一提,却又不得不提的“CSS文本超出部分省略号代替”

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。