2014年3月24日

溢出文本省略号表示的css实现及polyfill

摘要: 需求经常有需要对文字溢出进行处理,通常是在文字显示部分的末尾添加“...”等。如下:这种处理可以放在服务器当中做,通过截取特定长度文字来达到。但是效果不好一是截取的长度不好控制,尤其是中英文混排或者字体非等宽的情况二是显示逻辑放到服务器做,日后维护很不方便三是对 SEO 也有影响好在 css 当中有专门处理这种问题的属性一:css处理单行对于单行文本而言,使用 “text-overflow” 。IE6+都支持,真幸福。但不是什么元素添加上这个都能立刻有效。它要求元素必须是bfc,也就是有明确的宽度;再有其中的文字不能换行p { overflow: hidden; /* ... 阅读全文

posted @ 2014-03-24 11:23 yuanpeng 阅读(1074) 评论(0) 推荐(1) 编辑

导航