简 介： ※CSDN 显示 Mermaid 流程图变化成 曲线连接，提高了图形显示的美观度，使得Mermaid 目录的外观更加吸引人。但为什么新的版本中的Mermaid流程图不是居中显示，而是居左显示？ 这一点是否可以改进？
本文也反馈给了CSDN工作人员。他们对此非常重视，迅速改进了CSDN网页显示Mermaid的特性，使其不仅恢复到居中显示，而且在手机端显示也得到提高。在此为 CSDN 技术人员 的快速更新迭代 的能力点赞。
关键词： Mermaid，CSDN，居中显示
§01 惊人变化
今天查看 CSDN 博客笔记的时候，发现文章中的 Mermaid 目录形成了优雅的曲线显示形式。CSDN的这一点变化令人赞羡不已。
▲ 图1 Mermaid流程图显示目录
这个变化的确比起之前的形式让人感到舒服多了。
§02 效果对比
如果直接点开原来的文章，其中的 Mermaid 目录显示还是折线。但点开编辑 之后，则立即变成了曲线。存储后，网页中的内容则显示成曲线的形式。
2.1 对比示例1
下面是之前的Mermaid 图形显示：
▲ 图2 Mermaid流程图显示目录
下面是今天的Mermaid流程图显示。
▲ 图3 Mermaid流程图显示目录
2.2 对比示例2
▲ 图4 之前的Mermaid目录图
▲ 图5 今天的Mermaid目录图
§03 存在问题
经过观察之后，看到先的版本显示的Mermaid 目录都是居左对齐，而不是居中。为啥呀？ 为什么CSDN显示Mermaid 流程图不居中了呢？
▲ 图6 Mermaid流程图显示目录
▲ 图3.2 Mermaid 目录
▲ 图3.3 Mermaid 目录
▲ 图3.4 Mermaid 目录
※ 变化总结 ※
CSDN 显示 Mermaid 流程图变化成 曲线连接，提高了图形显示的美观度，使得Mermaid 目录的外观更加吸引人。但为什么新的版本中的Mermaid流程图不是居中显示，而是居左显示？ 这一点是否可以改进？
后续
本文也反馈给了CSDN工作人员。他们对此非常重视，迅速改进了CSDN网页显示Mermaid的特性，使其不仅恢复到居中显示，而且在手机端显示也得到提高。
在此为 CSDN 技术人员 的快速更新迭代 点赞。
● 相关图表链接:
扫一扫
878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
