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

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

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

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

您可以在Markdown中使用一些HTML：

<img src="drawing.jpg" alt="drawing" width="200"/>

或通过样式属性（GitHub不支持）

<img src="drawing.jpg" alt="drawing" style="width:200px;"/>

或者您可以使用自定义CSS文件，如以下关于Markdown和图像对齐的回答所述

![drawing](drawing.jpg)

另一个文件中的CSS：

img[alt=drawing] { width: 200px; }

对于IntelliJ IDEA用户，请参阅Markdown Navigator插件。

预览渲染图像、徽章、HTML等。

也许这一点最近有所改变，但Kramdown文档显示了一个简单的解决方案。

从文档中

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

And here is a referenced ![smile]

[smile]: smile.png
{: height="36px" width="36px"}

与Jekyll和Kramdown一起在github上工作。

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

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

语法示例：

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

小猫的例子：

当使用Flask时（我将其用于平面页面）。。。我发现，在markdown调用中的扩展中显式地启用（由于某种原因，默认情况下不是这样）“attr_list”可以实现这一点，然后可以使用属性（对于访问CSS也非常有用-例如，class=“my class”…）。

FLATPAGES_HML_RENDERER=prerender_jinja

以及功能：

def prerender_jinja(text):
    prerendered_body = render_template_string(Markup(text))
    pygmented_body   = markdown.markdown(prerendered_body, extensions=['codehilite', 'fenced_code', 'tables', 'attr_list'])
    return pygmented_body

然后在Markdown中：

![image](https://octodex.github.com/images/yaktocat.png "This is a tooltip"){: width=200px}