如何修复主题友情链接卡片高度不一致

2024-08-24 08:35:35 浏览数 (3)

我们都知道Joe主题里面的友情链接卡片介绍的字数多了之后它就会换行直到把卡片撑满,如果字数不多的话还是正常的,所以要解决这一问题,我们就要先从css入手。

修复教程

1.找到你网站的以下路径: usr/themes/Joe/assets/css 找到 joe.global.min.css 文件并打开,搜索: desc{margin-right:10px} 关键词

演示演示

2.搜索之后会出现 desc{margin-right:10px} ,我们需要在出现的 desc{margin-right:10px} 里面加入以下代码

代码语言:javascript复制
;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;

3.把上述代码加在我们搜索到的关键词中 10px;的后面(添加完成后如下方所示)

代码语言:javascript复制
.desc{margin-right:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} 
演示演示

4.保存 joe.global.min.css 文件,清理缓存并刷新友情链接页面,可以看到和之前明显的变化就是多出的字就是用省略号表示了。

0 人点赞