我刚刚开始使用Markdown。我喜欢它,但有一件事困扰着我:我怎样才能用Markdown改变图片的大小?
文档中只对图片给出了以下建议。
![drawing](drawing.jpg)
如果可以的话,我希望图片也能居中。我要求的是一般的Markdown,而不仅仅是GitHub的方式。
你可以只在你的Markdown中使用一些HTML。
<img src="drawing.jpg" alt="drawing" width="200"/>
或者通过style
属性(不被GitHub支持)。
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
或者你可以使用一个自定义的CSS文件,就像在https://stackoverflow.com/questions/255170/markdown-and-image-alignment#answer-5054055这个答案中描述的那样
![drawing](drawing.jpg)
另一个文件中的CSS。
img[alt=drawing] { width: 200px; }
如果你是使用kramdown,你可以这样做。
{:.foo}
![drawing](drawing.jpg)
然后把这个添加到你的自定义CSS。
.foo {
text-align: center;
width: 100px;
}
你也可以用这个和kramdown一起使用。
markdown
![drawing](drawing.jpg)
{:.some-css-class style="width: 200px"}
或
markdown
![drawing](drawing.jpg)
{:.some-css-class width="200"}
这样你就可以直接在最后一个html元素上添加任意的属性。要添加类,有一个快捷键.class.secondclass。