CSS片段-流程图居中
2023年1月28日小于 1 分钟
说明:
 实现流程图居中显示,默认的是左对齐,应群友需要制作。
使用方法:
- 复制以下代码,保存为coffebean-流程图居中显示.css文件格式
- 将coffebean-流程图居中显示.css复制到库的css片段中,刷新obsidian片段。重启obsidian生效
添加启动css片段的方法
- 打开obsidian设置 → 外观 → CSS 代码片段,点击此处的文件夹图标📁,打开css片段文件夹
- 复制你的css文件到这个文件夹,回到obsidian中,刷新并启动片段。偶尔需要重启ob生效
代码
 代码框右下有复制按钮,点击自动复制代码
/* 
@Author   : 咖啡豆  
@contact  : https://obsidian.vip/  
@File     : coffeebean-mermaid-流程图居中.css  
@Software : vscode  
@Date     : 2022-11-12 
@upDate   : 2022-11-12  
@Desc     : 流程图居中  
*/  
  
/* 2022-11-12 流程图居中 */
.mermaid svg{  
  display: block !important;  
  margin: 0 auto !important;  
}