在Markdown中改变图片大小

我刚刚开始使用Markdown。我喜欢它,但有一件事困扰着我:我怎样才能用Markdown改变图片的大小?

文档中只对图片给出了以下建议。

![drawing](drawing.jpg)

如果可以的话,我希望图片也能居中。我要求的是一般的Markdown,而不仅仅是GitHub的方式。

你可以只在你的Markdown中使用一些HTML。

![drawing](drawing.jpg)

或者通过style属性(不被GitHub支持)。

![drawing](drawing.jpg)

或者你可以使用一个自定义的CSS文件,就像在https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055这个答案中描述的那样

![drawing](drawing.jpg)

另一个文件中的CSS。

img[alt=drawing] { width: 200px; }
评论(7)

如果你是使用kramdown,你可以这样做。

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

然后把这个添加到你的自定义CSS

.foo {
  text-align: center;
  width: 100px;
}
评论(1)

你也可以用这个和kramdown一起使用。

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

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

这样你就可以直接在最后一个html元素上添加任意的属性。要添加类,有一个快捷键.class.secondclass

评论(0)