Azure devops Azure DevOps美人鱼标签未居中 问题:

Azure devops Azure DevOps美人鱼标签未居中 问题:,azure-devops,mermaid,Azure Devops,Mermaid,是否可以更改我的Azure DevOps wiki的美人鱼配置?或者有没有其他方法可以让我在我的维基上获得想要的结果? 预期结果: 细节 在Azure DevOps wiki中使用美人鱼标记,节点中的标签没有居中对齐 示例降价 :::mermaid graph LR start(Begin) --> setup(Setup Station) setup --> select{select<br>test function} ::: 美人鱼 图LR 开始

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

预期结果:

细节 在Azure DevOps wiki中使用美人鱼标记,节点中的标签没有居中对齐

示例降价

:::mermaid
graph LR
    start(Begin) --> setup(Setup Station)
    setup --> select{select<br>test function}
:::
美人鱼 图LR 开始(开始)-->设置(设置站) 设置-->选择{选择
测试功能} ::: 结果流程图:

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

该问题提到,如果
流程图
配置具有
htmlables:true
,则对齐工作正常


我在Azure DevOps wiki上找不到对美人鱼配置进行更改的位置。我已经在网站上搜索并尝试克隆wiki,但找不到任何包含mermaid配置的文件或页面。

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

-------------------------------------------

更新:

DevOps不支持更改格式,您可以在网站上提交建议

作为一种解决方法,这可以由浏览器控制。检查以下示例,如果将
文本对齐:居中
添加到
样式
,则节点中的标签将居中对齐


将美人鱼图包装在中心标记中,将使图中所有节点中的所有文本居中。中心标记和图形打开/关闭之间必须有一条空行 或者图形将被视为纯文本

<center>

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

</center>

::美人鱼
图LR
开始(开始)-->设置(设置站)
设置-->选择{选择
测试功能} :::
给出期望的结果:

反面:

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

我愿意接受这些折衷方案,使文本居中,在我的情况下,它们不是问题。

注意
select
test
不居中
test
是左对齐的,对于较长的字符串,例如
select function to
test
,它也会更明显。我已经编辑了我的问题,因此它有一个更明显的错误示例。不幸的是,DevOps不支持更改格式,您可以在网站上提交建议。您可以尝试修改浏览器网站样式作为解决方法。