【csdn博客写作技巧】

川长思鸟来 2022-09-10 00:23 234阅读 0赞

### 文章目录 ###

*  一、插入表格
 *  二、插入图像
 *   *  1、调整图像位置
     *  2、调整图像大小
     *  3、图片并排显示
 *  Reference

# 一、插入表格 #

*  格式

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

*  效果

# 二、插入图像 #

## 1、调整图像位置 ##

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

<table> 
 <thead> 
  <tr> 
   <th>代码</th> 
   <th>效果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>#pic_center</td> 
   <td>图片居中</td> 
  </tr> 
  <tr> 
   <td>#pic_left</td> 
   <td>图片居左</td> 
  </tr> 
  <tr> 
   <td>#pic_right</td> 
   <td>图片居右</td> 
  </tr> 
 </tbody> 
</table>

## 2、调整图像大小 ##

*  在图片插入链接后，空一格，插入类似`=500x500`的代码，即可将图片调整为`500x500`  
    ![在这里插入图片描述][7cfadca0cfeb4eea83177caf5cdb4244.png]
 *  如果想要同比例放大缩小，则插入类似`=500x`的代码，即可将图片调整为`500xn`  
    ![在这里插入图片描述][a6d06318e9004392825088e12980d348.png]

## 3、图片并排显示 ##

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

![ebae1bcb09c8465da85d6f038aeb9a9a.png][] ![ac3afed2436d46c7b824a799ebec093a.png][] <\\center>

*  三个图像并排显示

![ba75182b528b40dc924879aebb439f34.png][] ![caf0a6abc4014822a4df098f95d45dcc.png][] ![3187906daa374135802103231c66f2c6.png][]

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

# Reference #

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

[7cfadca0cfeb4eea83177caf5cdb4244.png]: /images/20220829/d4fe813a784b413199f88580aef60067.png
[a6d06318e9004392825088e12980d348.png]: /images/20220829/dbce16be5cb843b08c73e66b19991940.png
[ebae1bcb09c8465da85d6f038aeb9a9a.png]: https://img-blog.csdnimg.cn/ebae1bcb09c8465da85d6f038aeb9a9a.png
[ac3afed2436d46c7b824a799ebec093a.png]: /images/20220829/6c02f85b9c684ee990e29035b712357b.png
[ba75182b528b40dc924879aebb439f34.png]: https://img-blog.csdnimg.cn/ba75182b528b40dc924879aebb439f34.png
[caf0a6abc4014822a4df098f95d45dcc.png]: https://img-blog.csdnimg.cn/caf0a6abc4014822a4df098f95d45dcc.png
[3187906daa374135802103231c66f2c6.png]: /images/20220829/c22e84de6887408d9141db01aa48ce32.png
[CSDN]: https://blog.csdn.net/YaoYee_21/article/details/110246506
[CSDN 1]: https://blog.csdn.net/qq_33828485/article/details/115063048