Mermaid.js 与框宽切割文本有关的问题答案

【问题标题】：Mermaid.js issues with box width cutting textMermaid.js 与框宽切割文本有关的问题
【发布时间】：2021-07-07 07:02:34
【问题描述】：

我希望将 mermaid.js 集成到我的烧瓶应用程序中，但遇到了一个奇怪的错误。

框内的文本被缩短了大约 5-10 像素

以下代码创建此输出：

<div class="mermaid">
    %%{init: {
        'theme': 'forest', 
        "flowchart" : { "curve" : "basis" } 
    } }%%
    graph LR
        id1[This is the text in the box]
</div>

如您所见，最后两个字母已被裁剪，所有框都会出现这种情况。

关于我应该如何解决这个问题的任何想法？

【问题讨论】：

标签： javascript flask styling mermaid

【解决方案1】：

通过将字体大小减小到 90% 来修复它

【讨论】：