追格小站点评主题资讯列表的标题在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,超过两行即隐藏。
-
关于2024年“五一”劳动节放假安排的通知关于2024年“五一”劳动节放假安排的通知
-
追格小站点评WordPress主题 V1.5.5 更新产品集排序功能追格小站点评主题是一个互联网创新产品分享与点评导航主题。用户在这发掘和发布有趣的产品(网址、小程序、APP),为喜欢的点赞与点评。
-
追格WordPress资讯小程序更新发布V1.6.0专为内容/资源下载场景设计,一站式解决内容和流量变现难题的WordPress资讯小程序。
-
配色新选择:小站点评色彩导航重磅发布追格小站点评主题中特别增设了"色彩导航"栏目。这一新栏目不仅集合了丰富的配色方案、渐变色,还特别融入了中国传统的色彩元素,并提供了颜色码转换工具等实用功能
-
追格企业官网主题 更新发布产品、新闻动态排序等功能追格企业官网主题(专业版)由追格开发的一款WordPress主题模板,专为企业建站和追格企业官网小程序PC配套而设计,功能集产品与服务、经典案例、新闻动态、留言反馈、公司简介、联系我们等模块,简单易用,无需懂代码。
-
追格企业官网主题(多语版)用户中心上线,未来功能更值得期待追格企业官网(多语言版)近日推出了全新的用户中心,为用户带来了更加便捷和个性化的服务体验。这个用户中心支持传统的用户名和密码注册方式,同时也提供了便捷的微信扫码登录选项,让你轻松登录。在这里,你可以轻松修改个人资料、更新密码。
暂无评论,抢个沙发...