追格小编之前写过一篇《wordpress函数:the_excerpt()函数自动调用文章摘要的字数长度》,今天分享一篇文章摘要若想在PC端和手机端显示不同数量的文字,我们可以使用以下代码来控制显示行数。
.entry p.excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
-webkit-line-clamp: 2; 超过2行文本即用省略号...代替。
当然,对于单行的文字截断,即超出隐藏,我们可以使用text-overflow: ellipsis属性来实现:
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
推荐阅读:
WordPress函数:修改the_excerpt()函数摘要末尾默认省略号[…]为更多
-
WordPress数据库表介绍在安装WordPress时会创建一系列默认的数据表,用于存储其各种功能和内容。WordPress的默认安装会创建以下12个数据表
-
小站点评更新发布自动获取产品icon和首页弹窗广告功能小站点评V1.5.0更新发布自动获取产品icon和首页弹窗广告功能
-
WordPress是干什么的WordPress是一款开源的CMS,也就是常说的内容管理系统,它基于PHP开发,并使用MySQL作为数据库管理系统。
-
WordPress教程菜鸟教程之WordPress主题和插件开发追格小编同学已经撰写并分享过一些相关的教程,包括WordPress主题开发教程和WordPress插件开发教程。
-
追格小程序V2.2.0两大亮点来袭,你准备好了吗?追格小程序终于迎来了两大全新功能模块的华丽登场!它们分别是圈子(圈主)管理模块和付费推广模块。
-
WordPress新手必学的10个实用小技巧WordPress新手必学的10个实用小技巧,让你轻松驾驭建站之旅!为了让新手朋友在使用WordPress时更加得心应手,追格特意整理了这些实用技巧。掌握了它们,你的WordPress之旅将会更加顺畅无阻,快来一起学习吧!
暂无评论,抢个沙发...