首页 > 解决方案 > 如何将此带有 alt 文本的 Markdown 转换为带有图像大小调整的 HTML?

问题描述

我有这个显示图像的 Markdown 代码,但不包含宽度元素,而是将其打印为纯文本(已损坏)

![Some alt text describing this image](https://example.com/exampleimage.png){ width=50% }

我怎样才能把它翻译成 HTML,所以它看起来像:

<img src="https://example.com/exampleimage.png" width="50%">

但同时保留替代文字?

标签: htmlmarkdown

解决方案


Markdown有几种不同的方言和编辑器,它们都翻译成带有自己细微差别的HTML 。因此,在这种情况下,最好的解决方案是使用 HTML 代码。

降价:

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

*.md+*.css

降价:

<link rel="stylesheet" type="text/css" href="URL"/>
...
![drawing](drawing.jpg)

CSS:

img[alt=drawing] {
    width: 50%;
}

推荐阅读