追格小站点评主题资讯列表的标题在H5模式下默认为一行,超出隐藏,我们可以通过调整css,将WordPress主题小站点评资讯列表标题调整为两行显示。
我们可以通过css参数实现自动换行显示,超出并隐藏。
具体实现方法如下:
1、在main.css中搜索:.zhuige-list-text h6
2、参考以下做修改
.zhuige-list-text h6 {
font-size: 13px;
font-weight: 500;
/* height: 30px; */
line-height: 26px;
flex-wrap: nowrap;
align-items: center;
word-break: keep-all;
text-overflow: ellipsis;
overflow: hidden;
display: flex;
align-items: center;
}
3、搜索.zhuige-news-list .zhuige-list-text h6 a
4、参考以下做修改
.zhuige-news-list .zhuige-list-text h6 a {
display: flex;
align-items: center;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
display: -webkit-box!important;
-webkit-box-orient: vertical;
}
这样我们便可以得到以下效果,左侧为修改后的两行,右侧为修改前的单行。
我们还可以通过-webkit-line-clamp参数来控制显示行数,这里设置的是:2,超过两行即隐藏。
-
WordPress主题插件制作教程之三分钟热度教程:WordPress插件制作教程WordPress主题插件制作教程之三分钟热度教程-WordPress插件制作教程
-
5款国产WordPress主题模版分享(含3款开源版)国产WordPress主题模版开发者很多,但开源的并不多见,优秀的付费主题模版也有不少,今天追格小编分享追格开发的几款主题,有兴趣的朋友可以看看。
-
追格主题(开源版)追格主题(基于WordPress开发),免费开源并支持二开。专为资源下载、资讯媒体、图文博客网站而设计,响应式布局且自带用户中心、点赞收藏评论、SEO、个人主页、文章目录等功能。
-
WordPress函数:wp_list_comments 显示评论列表WordPress如何显示评论列表
-
WordPress函数:previous_comments_link 显示到上一个评论页面的链接。WordPress如何显示到上一个评论页面的链接。
-
追格主题文章详情的“文章目录”设置方法追格主题文章详情中的“文章目录”如何设置,其实很简单,不妨看看追格小编如何添加的。
暂无评论,抢个沙发...