偶然看到一篇类似css技巧与经验总结的文章,其中有一部分非常熟悉,那就是“css控制元素内文本超出部分使用省略号代替”,一般实际工作中,很多产品经理会对页面UI有这样的要求。还记得,第一次做这个功能时,是通过百度到的,然后就是一劳永逸,直接 ...
偶然看到一篇类似css技巧与经验总结的文章,其中有一部分非常熟悉,那就是“css控制元素内文本超出部分使用省略号代替”,一般实际工作中,
很多产品经理会对页面UI有这样的要求。还记得,第一次做这个功能时,是通过百度到的,然后就是一劳永逸,直接记事本记录下来,以后基本上
就是拿来主义,根本就没有去研究一下其中的原理(其实也没什么原理,方法也很简单,O(∩_∩)O哈哈~),恰逢今日又碰到了,那就做个了断吧。
实现如题的功能,我们常用的代码如下:
p{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
原标题:不值一提,却又不得不提的“CSS文本超出部分省略号代替”
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。