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

我们都知道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} 里面加入以下代码

;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;

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

.desc{margin-right:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} 

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

这样的话就做到了高度和宽度都是统一的卡片了