思源的嵌入块还有表格块有一个常见的问题:高度太高,翻起来很累人。
为了解决这一问题,我写了一段 CSS 代码片段如下所示,其中 --custom-max-height 指定了块的最大高度,30em 代表行高。
:root {
--custom-max-height: 30em;
}
.protyle-wysiwyg div[custom-clip-max-height] {
max-height: var(--custom-max-height);
overflow-y: scroll;
}
用法是为想要限制高度的块添加自定义属性 clip-max-height,超出范围后,可以上下滚动查看
为了方便使用,可以配合「快速添加块属性插件」,
在设置中添加配置:
{
"限制高度-滚动": {
"clip-max-height": "scroll"
},
"限制高度-取消": {
"clip-max-height": ""
}
}
现在我们点击过长的块的图标就可以看到菜单按钮了。
最终效果如下:
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于