Question

默认情况下，Typora将所有图像设置为居中对齐。

我搜索了github.css，但没有找到img。

$ grep img "/Users/me/Library/Application Support/abnerworks.Typora/themes/github.css"
#return no matches

如何设置图像左对齐？

Answer 1

偶然发现了这个荒谬的简单但不稳定的解决方案：在图像后添加一个空格字符。实际上，任何字符都可以使用，因此为了使它更加可见，在此示例中，我在图像后放置了字母“ s”：

在Typora 0.9.93版（测试版）中进行了测试。

Answer 2

您可以编辑主题的CSS文件。

转到 File > Preference 或按 Ctrl+Comma 。在主题中，单击 Open Theme Folder 。

打开您主题的CSS文件。例如，我使用的是 Github 主题。

在CSS文件中搜索img {}。在github.css中，我没有找到任何img {}。如果找不到img {}，则可以写一个。然后，如下设置display和align-items。

img {
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    display: flex;
    align-items: flex-start;
}

在应用上述CSS属性之前进行对齐：

应用上述CSS代码后的对齐方式：

注意：（有时但不一定）在某些情况下，在编辑文件时，如果光标位于图像或图像链接之间，则可以将图像临时显示在中间。但是，如果将光标的位置从图像上移开，效果会很好。

希望有帮助！

Answer 3

根据官方文档here，通过在github.css或yourTheme.css中添加以下代码来使img左对齐：

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