表格
我们知道默认情况下,Markdown 插入的表格,单元格中的内容默认左对齐;表头单元格中的内容会一直居中对齐(不同的实现可能会有不同表现)。
普通的表格
Markdown 代码:
| 一个普通标题 | 一个普通标题 | 一个普通标题 |
| ------ | ------ | ------ |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |
效果如下:
一个普通标题 | 一个普通标题 | 一个普通标题 |
---|---|---|
短文本 | 中等文本 | 稍微长一点的文本 |
稍微长一点的文本 | 短文本 | 中等文本 |
注意,使用时发现,表格的语句上一行必须为空行,不然表格不生效。
Markdown 代码:
| 左对齐标题 | 右对齐标题 | 居中对齐标题 |
| :------| ------: | :------: |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |
左对齐标题 | 右对齐标题 | 居中对齐标题 |
---|---|---|
短文本 | 中等文本 | 稍微长一点的文本 |
稍微长一点的文本 | 短文本 | 中等文本 |
1. 语法说明
1)|、-、:
之间的多余空格会被忽略,不影响布局。
2)默认标题栏居中对齐
,内容居左对齐
。
3)-:
表示内容和标题栏居右对齐,:-
表示内容和标题栏居左对齐,:-:
表示内容和标题栏居中对齐。
4)内容和|
之间的多余空格会被忽略,每行第一个|
和最后一个|可以省略,-
的数量至少有一个。
图像
1. 方式一
<center><img src="https://xx.png" width = "100" height = "100"></center>
![](https://img-blog.csdnimg.cn/20200807100839531.png)
width/height
可以是具体尺寸,还可以是百分比。
2. 方式二
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200903134221277.JPG
?x-ossprocess=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,
text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3MxMmszOQ==,
size_16,
color_FFFFFF,
t_70
#pic_center)
3.图像的并列排放
|![](https://img-service.csdnimg.cn/img_convert/ecb508c842058e05738d78f0512fa5f8.png)|![](https://img-service.csdnimg.cn/img_convert/d2c495545514df61c1687527caa81bb4.png)|
|:-:|:-:|
![]() | ![]() |
---|