css实现内容超长自动截取并显示省略号适用性强

浏览:1468次阅读
没有评论

共计 220 个字符,预计需要花费 1 分钟才能阅读完成。

最近使用一个不错的wordpress的主题时,发现其自动截取摘要有点问题。

改代码吧,把改变了原有逻辑,工程量过大,于是从css入手解决。

百度搜索了一些方法,找到了如下方案,使用起来非常不错,效果也很棒。

代码奉上

css实现内容超长自动截取并显示省略号适用性强

对于自适应HTML5的网站,最后一个width可以不要,或者根据自己的网站布局调整即可。

我是只添加了这三个就可以了

  1. white-space: nowrap;
  2. overflow: hidden;
  3. text-overflow: ellipsis;
● 版权所有,转载请注明出处!
正文完
 0
挨批网络ipwl.cn
版权声明:本站原创文章,由 挨批网络ipwl.cn 2020-06-29发表,共计220字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。

关于挨批网络

挨批网络IPWL.CN挨批网络是通过域名直译而来,主打一个好记!希望只一眼就可以留在你的记忆中!

快捷登录

评论(没有评论)
没有账号? 忘记密码?

社交账号快速登录