【csdn博客写作技巧】

一、插入表格

• 格式

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>

---

Reference

【CSDN】图片居中与调整大小
CSDN添加图片实现并排显示