CSS技巧:文本显示行数控制
追格小编之前写过一篇《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插件:在线问答DW Question & AnswerDW Question & Answer是一款WordPress在线问答插件,追格小编曾分享过多个类似插件。
-
WordPress注册登录页美化插件Custom Login Page Customizer by Colorlib追格小编分享过一款WordPress登录页面美化插件:Login Designer,今天再分享一款类似插件Custom Login Page Customizer by Colorlib。
-
微信小程序转发文件到聊天API wx.shareFileMessagewx.shareFileMessage是微信小程序转发文件到聊天API。追格小编前面分享过《wx.shareVideoMessage微信小程序转发视频到聊天接口》,有兴趣的朋友可以看看。
-
Simple Lightbox:WordPress图片附件打开效果(灯箱效果)插件Simple Lightbox是一个WordPress图片附件打开效果(灯箱效果)插件,就是让文章内的图片,在点击后弹出类似于幻灯片的效果,即实现点击查看高清图片用。
-
WordPress插件:Branda 自定义网站仪表盘插件(白标插件)Branda是一个自定义网站仪表板WordPress插件,有些人也叫白标插件。Branda支持自定义网站仪表板的很多位置,支持修改或删除工具栏中的徽标、添加工具栏链接、删除工具栏链接等。
-
WordPress插件:LoginPress注册登录页美化插件LoginPress是一个WordPress登录页美化插件,LoginPress插件在WordPress官网显示有20万+的安装量,该插件和其他登录美化页插件差不多,均可可视化修改登录页面和登录表单,自定义登录页Logo,自定义登录页面背景,自定义登录页面表单样式等。
暂无评论,抢个沙发...