atom默认不给行内代码加边框，需手动编辑styles.less添加.markdown-preview:not([data-use-github-style]) code { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 3px; padding: 0.2em 0.4em; font-size: 0.95em; }规则才能生效。
Atom里行内代码`没边框？默认不渲染
Atom自带的markdown-preview插件对行内代码（即用单个反引号包裹的内容，如 `console.log()`）**默认不加边框、不设背景、也不缩进**——它只做最基础的<code>标签包裹，样式全靠CSS控制。这不是bug，是设计如此。
常见现象：`let x = 1`在预览里和普通文字几乎一样，只有字体变等宽，但无视觉隔离，容易被忽略。
- 原因：原生样式表里压根没给
.markdown-preview code写边框或背景规则 - 影响范围：所有未启用
data-use-github-style的预览（即默认模式） - 不生效的“捷径”：改Syntax Theme、换UI Theme、调字体设置——这些都不动行内代码样式
给`inline code`加边框的唯一可靠方式：改styles.less
必须手动编辑Atom的全局样式文件styles.less，路径通常是C:\Users\{用户名}\.atom\styles.less（Windows）或~/.atom/styles.less（macOS/Linux）。打开后追加以下规则：
.markdown-preview:not([data-use-github-style]) code {
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 3px;
padding: 0.2em 0.4em;
font-size: 0.95em;
}
说明：
-
:not([data-use-github-style])确保只作用于默认预览，避免和GitHub风格冲突 - 用
border而非outline，否则无法撑开行高，多行混排时易重叠 -
padding值别设太大（比如0.5em），否则在列表或段落中会破坏基线对齐 - 如果想让边框更显眼，可把
#ddd换成#999，但慎用纯黑#000——在深色主题下会反白刺眼
为什么markdown-preview-enhanced插件的行内代码有边框？
因为该插件**自带一套独立CSS**，覆盖了原生预览逻辑。它默认启用data-use-github-style属性，并注入类似GitHub Markdown的样式规则，其中就包含code { background: #f8f8f8; border: 1px solid #eaecef; }。
但注意：
- 启用
markdown-preview-enhanced后，原生markdown-preview会被禁用，两者不能共存 - 它的边框样式不可微调——除非你去改它打包进来的CSS文件（不推荐，升级即丢失）
- 如果你只需要边框，不想要它附带的Mermaid/TeX/MathJax等全套功能，纯手改
styles.less更轻量、更可控
表格里`code`边框错位？这是td的vertical-align惹的祸
在Markdown表格中插入行内代码后，常出现上下偏移、和文字不对齐的问题。根本原因不是边框本身，而是td单元格默认vertical-align: middle，而code元素有line-height和padding，导致基线偏移。
修复方法：在styles.less中补充这条规则：
.markdown-preview:not([data-use-github-style]) td code {
vertical-align: baseline;
line-height: 1.3;
}
关键点：
- 必须限定在
td内，否则会影响全文档所有code -
baseline比middle更符合中文排版习惯，尤其当表格含汉字时 -
line-height: 1.3是为了防止加了padding后行高爆炸，数值可按实际字号微调
styles.less后，不用重启Atom，保存文件即可实时生效。真正容易被忽略的是：**所有自定义样式都依赖markdown-preview插件处于启用状态**——如果误禁用了它，再改一百遍styles.less也看不到效果。
