如何让 Typora 插入图片居左对齐

Forece

4 年前

刚刚用 Typora 写上了笔记，就碰到了个小问题。使用 Typora 插入图片，图片一直是居中的，有时候插入小图片，居中感觉有点难看。网上看了看，找到了解决办法。国内网站上大部分给出的都是同一个答案，使用 HTML 标签。

方法1：HTML标签

因为 Typora 也支持 HTML 语法，所以可以直接用 HTML img 标签插入图片：

<img src = "./images/python/logo.png" align="center">

但 Forece 基本不怎么使用图床，有时候直接截图然后 CTRL + V ，Typora 直接生成的就是 [img] 标签。所以使用 img 标签相对来说比较麻烦。最后还是在 Stack Overflow 上边找到的答案。其实也很简单，因为 Typora 样式都是靠主题来实现的，而主题基本上都是用 CSS 来控制的。所以直接找到自己使用的主题，改写 CSS 就可以控制相应的排版了。

方法2：CSS样式

打开文件 - 偏好设置 - 界面 - 打开主题文件夹，选择你自己的主题名.css（默认是 Github.css），在最后插入 CSS 代码就可以了。

p .md-image:only-child{
    width: auto;
    text-align: left;
}

最后 Forece 去看了看官网，其实在官网都已经说的很清楚了。怪自己瞎呗。

ref:
https://support.typora.io/Images/

打赏赞(4)