How to adapt to markdown Pictures

Old buddy, please tell me how to adapt to markdown grammar pictures

![](img_url)
Apr.09,2022

display in the center of the sheet:

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

OR

  <figure>
        <img src="https://img.codeshelper.com/upload/img/2022/04/09/fmmkmod1n0a4804.jpg">
    </figure>

1
2
3
4
5
6
7
8
9
fixed picture width / height:

<img src="https://img.codeshelper.com/upload/img/2022/04/09/fmmkmod1n0a4804.jpg" title="Logo" width="100" />

1
width is Width and height is High. Title is the picture description.

two pictures are displayed side by side:

<figure class="half">
    <img src="https://img.codeshelper.com/upload/img/2022/04/09/fmmkmod1n0a4804.jpg">
    <img src="https://img.codeshelper.com/upload/img/2022/04/09/4vwmicfynq44805.jpg">
</figure>

1
2
3
4
three are displayed side by side:

<figure class="third">
    <img src="https://img.codeshelper.com/upload/img/2022/04/09/fmmkmod1n0a4804.jpg">
    <img src="https://img.codeshelper.com/upload/img/2022/04/09/4vwmicfynq44805.jpg">
    <img src="https://img.codeshelper.com/upload/img/2022/04/09/1h4o5aja5df4806.jpg">
</figure>

1
2
3
4
5
fixed width, side by side display and center
is the sum of the above examples, the following code

<center class="half">
    <img src="https://img.codeshelper.com/upload/img/2022/04/09/fmmkmod1n0a4804.jpg" width="300"/>
    <img src="https://img.codeshelper.com/upload/img/2022/04/09/4vwmicfynq44805.jpg" width="300"/>
</center>


simple markdown should not have the function of picture adaptation

if you are setting center, left, right or size, you can refer to Markdown- picture setting (size, center)

Menu