CSDN博客编辑小技巧

段首空格

       CSDN的文章是无法通过敲空格来向段首加入空格的，这里记录一种方法来完成段首空格的加入，在段首加入这一行代码：

       

其中， 的数量会影响空格的多少。

文内跳转

       在CSDN博客的文章中实现文章内部的跳转，首先需要在需要跳转的地方加入以下代码：

<a href="#id_1" target="_self">段首空格</a>

       此时显示为：段首空格

这段代码里面的“段首空格”四个字为预览/浏览时的蓝字，点击即可跳转，与实际跳转位置无关。

       然后，在跳转目的地加入以下代码：

<h1 id="id_1"></h1>

如果需要多个跳转位置，可以修改两个代码中的“id_1"，可以修改为任意字符，只要两串代码的这个部分相同即可实现跳转。

       如果是需要在最前面跳转的各个标题，可以看一下帮助文档的”目录“部分，此处的跳转仅仅是从通过代码跳转到另一串代码处。

表格内换行

       在需要换行的那一格加入代码：<br>
       如下

项目     | Value
-------- | -----
电脑<br>平板  | $1600
手机  | $12

图片缩放

原图

       实际上这个技巧在“帮助”那一栏是有的，不过需要仔细找一下，

       像下面这张为原图：

       其代码为：

![在这里插入图片描述](https://img-blog.csdnimg.cn/7902d7c3414a40e59db2e2b87e69b5e1.png)

比例控制

       在代码最后面加入# =50%x50%，变成：

注意：这里的50%x50%并不是原图的百分比，而是某个标准图片的百分比。（我瞎猜的）

       相应代码为：

![在这里插入图片描述](https://img-blog.csdnimg.cn/7902d7c3414a40e59db2e2b87e69b5e1.png# =50%x50%)

像素控制

       如果在代码加入数字而不是百分号，如加入# =50x50，变成：

应该是对应的像素大小。（还是瞎猜的）

       相应代码为：

![在这里插入图片描述](https://img-blog.csdnimg.cn/7902d7c3414a40e59db2e2b87e69b5e1.png# =50x50)

位置控制

       补充一下，可以在加入的代码中的#后面加入对应代码完成居中、居左和居右，可分别加入pic_center、pic_left和#pic_right，如下，完成居中：

       相应代码为：

![在这里插入图片描述](https://img-blog.csdnimg.cn/7902d7c3414a40e59db2e2b87e69b5e1.png#pic_center =50%x50%)

普通文字居中

在需要居中的文字前加<center>，如：

在编辑区为：

<center>居中的文字

未完待续…