markdown图片如何自适应

Question

老哥们，请教下markdown语法图片如何自适应

![](img_url)

Answer 1

单纯的 markdown 应该没有图片自适应这个功能

如果是设置居中、靠左、靠右或者设置大小的话，可以参考Markdown-图片设置（大小，居中）

Answer 2

单张居中显示：

<center>
    <img src="http://dreamofbook.qiniudn.com/Zero.png">
</center>

OR

  <figure>
        <img src="http://xxx.jpg">
    </figure>

1
2
3
4
5
6
7
8
9
固定图片宽度/高度：

<img src="http://xxx.jpg" title="Logo" width="100" />

1
宽度是 Width，高度是 High。Title 为图片描述。

两张并排显示：

<figure class="half">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
</figure>

1
2
3
4
三张并排显示：

<figure class="third">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
    <img src="http://zzz.jpg">
</figure>

1
2
3
4
5
固定宽度，并排显示并居中
就是把上面的几个例子和起来，下面给出代码

<center class="half">
    <img src="http://xxx.jpg" width="300"/>
    <img src="http://yyy.jpg" width="300"/>
</center>