如图,想让callout中超过 5 行的内容被折叠起来,类似微博的展开这种。有没有什么插件可以做到吗?
可以简单加个css控制高度(不需要悬浮恢复原高度的话,只保留代码里max-height: 100px;就好了)
.callout p {
max-height: 100px;
transition: max-height 0.5s ease-out;
transition-delay: 0.5s;
}
.callout p:hover {
max-height: 3000px;
transition: max-height 0.2s ease-in;
}
效果如图:
如何添加css脚本:【新手向教程】OB样式调整基础课:CSS入门科普
点击展开的话,应该需要借助类似Codeblock Customizer插件里的折叠方法
1 个赞