简 介： ※CSDN 显示 Mermaid 流程图变化成 曲线连接，提高了图形显示的美观度，使得Mermaid 目录的外观更加吸引人。但为什么新的版本中的Mermaid流程图不是居中显示，而是居左显示？ 这一点是否可以改进？

关键词： Mermaid，CSDN，居中显示

§01 惊人变化

  今天查看 CSDN 博客笔记的时候，发现文章中的 Mermaid 目录形成了优雅的曲线显示形式。CSDN的这一点变化令人赞羡不已。

  这个变化的确比起之前的形式让人感到舒服多了。

§02 效果对比

  如果直接点开原来的文章，其中的 Mermaid 目录显示还是折线。但点开编辑 之后，则立即变成了曲线。存储后，网页中的内容则显示成曲线的形式。

2.1 对比示例1

  下面是之前的Mermaid 图形显示：

  下面是今天的Mermaid流程图显示。

2.2 对比示例2

§03 存在问题

  经过观察之后，看到先的版本显示的Mermaid 目录都是居左对齐，而不是居中。为啥呀？ 为什么CSDN显示Mermaid 流程图不居中了呢？

※ 变化总结 ※

  CSDN 显示 Mermaid 流程图变化成 曲线连接，提高了图形显示的美观度，使得Mermaid 目录的外观更加吸引人。但为什么新的版本中的Mermaid流程图不是居中显示，而是居左显示？ 这一点是否可以改进？

● 相关图表链接:

• 图1 Mermaid流程图显示目录
• 图2 Mermaid流程图显示目录
• 图3 Mermaid流程图显示目录
• 图4 之前的Mermaid目录图
• 图5 今天的Mermaid目录图
• 图6 Mermaid流程图显示目录
• 图3.2 Mermaid 目录
• 图3.3 Mermaid 目录
• 图3.4 Mermaid 目录

文章来源: zhuoqing.blog.csdn.net，作者：卓晴，版权归原作者所有，如需转载，请联系作者。

原文链接：zhuoqing.blog.csdn.net/article/details/123086854