利用 CSS 代码片段限制块的高度

思源的嵌入块还有表格块有一个常见的问题：高度太高，翻起来很累人。

为了解决这一问题，我写了一段 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": ""
    }
}
​

现在我们点击过长的块的图标就可以看到菜单按钮了。

最终效果如下：