typora怎么居中 文字与图片对齐设置

Typora 的排版逻辑不同于 Word，它没有直接提供“段落居中”的工具栏按钮。文字和图片的对齐方式主要由当前使用的主题样式决定。虽然官方默认主题会对仅包含单张图片的段落自动居中，但对于标题和普通正文，往往需要用户通过自定义 CSS 来统一视觉风格。这种方法仅改变当前编辑器内的显示效果，不会修改 Markdown 源文件的结构，分享给他人时，对方若使用不同主题，看到的排版可能依然不同。

测试文档结构示意

1. 准备测试文档与观察默认效果

在开始修改样式前，先创建一个名为“对齐测试.md”的文件。输入一个二级标题、两段普通正文，并在中间插入一张本地图片。确保图片单独占一行，前后保留空行，避免与其他文字混排。

Typora 的默认行为是：如果一段落中只有一张图片，渲染器通常会将其居中显示。但如果图片宽度接近内容区宽度，视觉上很难判断是否真正居中。建议使用一张较窄的图片进行测试，观察其左右两侧是否有相等的空白区域。如果此时图片已经居中，则无需针对图片编写额外规则；若未居中或希望强制所有元素居中，则需进行后续设置。

1. 准备测试文档与观察默认效果

2. 打开主题文件夹并创建覆盖文件

点击 Typora 左上角的【文件】菜单，选择【偏好设置】（或直接按快捷键 Ctrl + ,）。在左侧导航栏选择【外观】，找到【主题】区域，点击【打开主题文件夹】按钮。系统将调用 Windows 资源管理器打开存储主题文件的目录。

在偏好设置中定位主题文件夹

在此目录下，你可以选择两种策略：

1. 全局生效：创建或编辑 base.user.css 文件。此文件中的规则将应用于所有主题。
2. 仅当前主题生效：如果你正在使用 github 主题，则创建或编辑 github.user.css。文件名必须与主题 CSS 文件名严格对应（注意大小写）。

建议新手先使用 base.user.css。如果该文件不存在，新建一个文本文件并重命名为 base.user.css。务必在 Windows 资源管理器中确认文件扩展名正确，避免保存为 base.user.css.txt，否则 Typora 无法识别。

3. 编写居中 CSS 规则

用记事本或代码编辑器打开 base.user.css，输入以下 CSS 代码。这段代码分别针对二级标题、普通段落和图片设置了居中对齐。

/* 二级标题居中 */
#write h2 {
  text-align: center;
}

/* 普通段落文字居中 */
#write p {
  text-align: center;
}

/* 图片块级显示并水平居中 */
#write img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

保存文件后，返回 Typora。如果界面没有立即变化，可以尝试切换一下主题（例如从 GitHub 切换到 Night，再切回来），或者重启 Typora，以强制重新加载样式文件。

需要注意的是，#write p { text-align: center; } 这条规则会使文档中所有普通段落都居中。对于长篇技术文章或博客草稿，全文居中可能会降低阅读体验。如果只需居中标题和图片，请删除或注释掉关于 p 的那段代码。

4. 验证效果与检查导出差异

回到“对齐测试.md”，观察二级标题是否已移至中间，窄图片是否左右留白一致。如果样式未生效，请再次检查：

• base.user.css 是否位于正确的主题文件夹内。
• 文件名后缀是否为 .css 而非 .txt。
• CSS 语法是否有误（如缺少分号或花括号）。

居中效果验证

确认编辑界面满意后，尝试通过【文件】>【导出】>【PDF】生成一份成品。打开 PDF 文件检查对齐情况。Typora 的导出功能有时会使用独立的渲染配置，某些主题在编辑模式下居中，但在导出时可能恢复左对齐。如果发现导出不一致，需要在导出设置中指定相同的主题，或接受这种差异。对外交付固定版式文档时，建议直接发送 PDF 而非 MD 源文件，以确保接收方看到的效果与你一致。

5. 撤销与恢复

如果后续发现全文居中影响阅读，或需要恢复默认左对齐，只需再次打开 base.user.css，删除或注释掉之前添加的代码段即可。保存后刷新 Typora，文档将恢复主题的原始排版。

Markdown 的核心优势在于内容与样式分离。通过 user.css 管理对齐等视觉需求，既能满足个人本地的审美偏好，又保证了源文件在不同平台和阅读器中的兼容性。记得定期备份你的 CSS 配置文件，以便在新设备或重装软件后快速恢复个性化设置。

5. 撤销与恢复