【csdn博客写作技巧】

最新推荐文章于 2026-06-21 13:39:07 发布

原创最新推荐文章于 2026-06-21 13:39:07 发布 · 置顶 · 447 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

本文详细介绍了如何在Markdown中插入和编辑表格，包括创建基本表格、调整图像位置和大小，以及实现图片的并排显示。通过提供的代码示例，读者可以轻松掌握这些实用技巧，提升Markdown文档的编辑效率。

文章目录

一、插入表格
二、插入图像
Reference

一、插入表格

格式

head1 | head2 | head3
----- | ----- | -----
line1 | line1 | line1
line2 | line2 | line2
line3 | line3 | line3

效果

head1	head2	head3
line1	line1	line1
line2	line2	line2
line3	line3	line3

二、插入图像

1、调整图像位置

注意，插在图像的链接末尾

代码	效果
#pic_center	图片居中
#pic_left	图片居左
#pic_right	图片居右

2、调整图像大小

在图片插入链接后，空一格，插入类似=500x500的代码，即可将图片调整为500x500
如果想要同比例放大缩小，则插入类似=500x的代码，即可将图片调整为500xn

3、图片并排显示

注意此处要改为<\center>否则会影响下文。但是改为<\center>会在博客中多出几行字。
或者用---------------------分割线来分割，也可以。这样不会再会在博客中多出<\center>
两个图像并排显示

<center>
<img src ="https://i-blog.csdnimg.cn/blog_migrate/af8425e5cac96f2f210578d4640b6273.png" width = "50%" align = left>
<img src = "https://i-blog.csdnimg.cn/blog_migrate/300eccc9b254257ceb33bd7c2befba9c.png"  width = "50%" align = right>
<\center>

<center>
<img src ="https://i-blog.csdnimg.cn/blog_migrate/af8425e5cac96f2f210578d4640b6273.png" width = "50%" align = left>
<img src = "https://i-blog.csdnimg.cn/blog_migrate/300eccc9b254257ceb33bd7c2befba9c.png"  width = "50%" align = right>
<\center>

--------------------------------------------------

<\center>

三个图像并排显示

<center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/b9488ae3cc9b1bb1c52f86069c1e898d.png" width="33%" align=left>
<img src="https://i-blog.csdnimg.cn/blog_migrate/521845a8f8a8235ddd2200685ba3d248.png" width="33%" align=center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/3073c2dfa0b3c57562853dc359197d9c.png" width="33%" align=right>
<\center>