如果您正在使用kramdown，可以执行以下操作：

{:.foo}
![drawing](drawing.jpg)

然后将其添加到自定义CSS中：

.foo {
  text-align: center;
  width: 100px;
}

将相对维度添加到源URL将在大多数Markdown渲染器中进行渲染。

我们在Corilla中实现了这一点，因为我认为该模式符合现有工作流的预期，而不迫使用户依赖基本的HTML。如果你最喜欢的工具没有遵循类似的模式，那么值得提出一个功能请求。

语法示例：

![a-kitt.jpg]（//corilla.com/a-kitten-2xU3C2.jpg=200x200）

小猫的例子：

你可以在kramdown中使用这个：

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

or

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

这样，您可以直接向最后一个html元素添加任意属性。要添加类，有一个快捷方式.class.secondclass。

这一条对我有用，它不在一条线上，但我希望它对你有用。

<div>
<img src="attachment:image.png" width="500" height="300"/>
</div>

纯粹的<img。。。width=“50%”>如上所述，在我的Github Readme.md文档上做了工作。

然而，我真正的问题是，图像位于表单元格中，只是压缩旁边单元格中的文本。因此，另一种方法是在Markdown表中设置列宽，但这些解决方案对于我的上午来说似乎还不够醒目。

最后，我通过简单地在旁边的文本单元格中添加所需的“”来解决这两个问题。

我希望这有帮助。再见，谢谢大家。

如果每个md文件中有一个图像，控制图像大小的一种简便方法是：

添加css样式如下：

## Who Invented JSON?
`Douglas Crockford`

Douglas Crockford originally specified the JSON format in the early 2000s.
![Douglas Crockford](img/Douglas_Crockford.jpg)

<style type="text/css">
    img {
        width: 250px;
    }
</style>

输出如下：

如果每个md页面中有更多的图像，那么控制每个图像或每个自定义标记的简便方法是在css中定义每个元素。对于img标记，我们可以有：

//在css或样式标签中：img[alt=“结果1”]{宽度：100px；}img[alt=“结果2”]{宽度：200px；}img[alt=“结果3”]{宽度：400px；}//尝试使用以下方法之一在文档中插入图像：<br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果1“><br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果2“><br/><img src=“https://i.stack.imgur.com/xUb54.png“alt=”结果3“><br/><br/>在md中：<br/>![结果1]（img/res-img-1.png）<br/>![结果2]（img/res-img-2.png）<br/>![结果3]（img/res-img-3.png）