Markdown 的特殊用法示例 - 注释隐藏、标签功能

增加注释

<!-- 你看不到我看不到我 -->

标签功能

先看一下效果

下面是代码

<details>  
<summary><mark><font color=darkred>点击查看详细内容</font></mark></summary>  
  
  
</details>  

表格单元格里换行

借助于 HTML 里的 <br /> 实现。

示例代码：

| Header1 | Header2                          |
|---------|----------------------------------|
| item 1  | 1. one<br />2. two<br />3. three |

示例效果：

那部分“点击查看详细内容”的颜色和样式可以根据需要自己修改。

图文混排

使用 标签来贴图，然后指定 align 属性。

示例代码：

<img align="right" src="https://raw.githubusercontent.com/mzlogin/mzlogin.github.io/master/images/posts/markdown/demo.png"/>

这是一个示例图片。

图片显示在 N 段文字的右边。

N 与图片高度有关。

刷屏行。

刷屏行。

到这里应该不会受影响了，本行应该延伸到了图片的正下方，所以我要足够长才能确保不同的屏幕下都看到效果。

示例效果：

控制图片大小和位置

标准的 Markdown 图片标记 ![]() 无法指定图片的大小和位置，只能依赖默认的图片大小，默认居左。

而有时候源图太大想要缩小一点，或者想将图片居中，就仍需要借助 HTML 的标签来实现了。图片居中可以使用 <div> 标签加 align 属性来控制，图片宽高则用 width 和 height 来控制。

示例代码：

**图片默认显示效果：**

![](https://raw.githubusercontent.com/mzlogin/mzlogin.github.io/master/images/posts/markdown/demo.png)

**加以控制后的效果：**

<div align="center"><img width="65" height="75" src="https://raw.githubusercontent.com/mzlogin/mzlogin.github.io/master/images/posts/markdown/demo.png"/></div>

示例效果：