Azure DevOps 美人鱼标签未居中

Azure DevOps Mermaid labels not centered

问题

是否可以更改我的 Azure DevOps wiki 的美人鱼配置?或者有没有其他方法可以让我在我的维基上获得我想要的结果?

期望的结果:

详情

在 Azure DevOps wiki 中使用 Mermaid markdown,节点中的标签未居中对齐。

降价示例

:::mermaid
graph LR
    start(Begin) --> setup(Setup Station)
    setup --> select{select<br>test function}
:::

结果流程图:

我在美人鱼上发现了这个问题github:

Label texts in flowcharts are not centered horizontally with "htmlLabels" disabled #1177

问题提到如果 flowchart 配置具有 htmlLables: true.

,则对齐工作正常

我无法在我的 Azure DevOps wiki 上找到更改美人鱼配置的位置。我在网站上四处搜寻并尝试克隆维基,但找不到任何包含美人鱼配置的文件或页面。

我已经在我的 DevOps 服务的一个团队项目中测试了您的示例 -- 概述 --Wiki,标签自动居中。查看下面的屏幕截图:

——————————————————————————————————————————

更新:

DevOps 不支持更改格式,您可以在网站 https://developercommunity.visualstudio.com/content/idea/post.html?space=21.

上提交建议

作为解决方法,这可以由浏览器控制。检查我的以下示例,如果将 text-align:center 添加到 style,节点中的标签居中对齐。

将美人鱼图包裹在中心标记中将使图中所有节点中的所有文本居中。中心标记和图形之间必须有一个空行opening/closing 否则图表将被视为纯文本。

<center>

:::mermaid
graph LR
    start(Begin) --> setup(Setup Station)
    setup --> select{select<br>test function}
:::

</center>

给出想要的结果:

缺点:

  • 必须应用于所有节点,不能选择性
  • 也在页面上居中图表。

我愿意接受这些让文本居中的妥协,在我的情况下它们不是问题。