问设置图片左对齐在泰波拉

EN

您可以编辑主题的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代码后对齐：

​

​

注意:在某些情况下(有时但不一定)，在编辑文件时，如果光标位于图像或图像链接之间，则可以暂时将图像显示在中心。但是，如果你改变光标的位置远离图像，它的结果很好。

希望能帮上忙！

发现这个可笑的简单但可能不稳定的解决方案是偶然的:在图像后面加上一个空格字符。实际上，任何字符都能工作，因此为了使它更加可见，我在这个示例中的图像后面加上了字母's‘：

​

​

测试在泰波拉版本0.9.93 (Beta)。

根据正式文档这里，通过在github.css或yourTheme.css中添加以下代码来左对齐img：

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