目录

  • 段首空格
  • 文内跳转
  • 表格内换行
  • 图片缩放
    • 原图
    • 比例控制
    • 像素控制
    • 位置控制
  • 普通文字居中
  • 未完待续…

段首空格

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

       

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

文内跳转

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

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

此时显示为:段首空格

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

然后,在跳转目的地加入以下代码:

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

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

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

表格内换行

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

项目 Value
电脑
平板
$1600
手机 $12
       其代码为
项目     | 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_centerpic_left#pic_right,如下,完成居中:


       相应代码为:

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

普通文字居中

在需要居中的文字前加<center>,如:

居中的文字

在编辑区为:

<center>居中的文字

未完待续…

CSDN博客编辑小技巧相关推荐

  1. csdn博客编辑常用技巧(含Latex公式编辑)

    csdn博客编辑 一.创建标题,生成目录 二.功能快捷键 三.如何改变文本的样式 四.快捷设置首行缩进 五.修改文字体及颜色 六.修改文字背景颜色 颜色名列表 七.设置特定文字或代码强调背景色--co ...

  2. CSDN博客编辑用html记录

    整理收集了截止2017年12月CSDN编辑器部分自己常用的HTML编辑样式. 文章正文相关 01/ 中文正文块 SimSun <p style="margin-top:5px;marg ...

  3. CSDN博客文章写作技巧

    CSDN博客文章写作技巧 1. CSDN博客文章段落缩进问题的解决办法 1.1 解决办法   由于在写文档的时候,段落首习惯了缩进两个字符,发现使用 Tab 键无法解决这个问题,同时使用多个空格代替的 ...

  4. CSDN博客编辑格式

    CSDN 博客编辑 格式 这里写自定义目录标题 **CSDN 博客编辑 格式** 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与 ...

  5. 我的第一篇CSDN博客--微信小程序

    我的第一篇CSDN博客 产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验 小程序注册 微信小程序是一种全新的连接用户与服务的方式 ...

  6. 0 csdn博客编辑教程目录

    0 欢迎使用CSDN-markdown编辑器(博客自带) 0.1 CSDN Markdown简明教程1-关于Markdown 0.2 CSDN Markdown简明教程2-Markdown基本使用 0 ...

  7. 写带有代码博客的小技巧

    又双叒叕大家都知道是什么意思吗?知道怎么读吗?它们其实是一个网络流行用语,通常读作"yòu,shuāng,ruò,zhuó".表示某事物变化更替相当频繁,也表示一件事反复出现. 还 ...

  8. switchyomega规则列表备份_求人不如求己,自己动手写一个CSDN博客备份小工具?...

    前提概要 背景 因为笔者在上个月的时候,突然想扩展一下技术栈,不能仅仅局限于Java,还是得掌握一门工具语言,不然显得太low.所以也就对Python和Golang类的语言有了一些兴趣.也就在上个月简 ...

  9. CSDN博客常用写作技巧

    文章目录 一.前言 二.快捷键 1.引用 2.代码块 3.字体加粗 4.标题 5.目录 6.超链接 三.美化博客 1.emoji 2.字体颜色和尺寸 3.插图 四.持续更新中

最新文章

  1. 巩固好基础,才能学好Linux
  2. ASP.NET Web开发技术的深入总结
  3. secFox setting
  4. Prototype Pattern(原型模式)
  5. Linux内核系统调用处理过程
  6. C#网络编程(同步传输字符串) - Part.2
  7. BUPT复试专题—最小距离查询(2013)
  8. lasted是什么意思_lasted是什么意思_lasted怎么读_lasted翻译_用法_发音_词组_同反义词_继续存在( last的过去式和过去分词 )-新东方在线英语词典...
  9. 访问服务器根目录文件,可道云 访问服务器根目录
  10. html横线标记_html中横线怎么写代码
  11. 求职面试找工作时,你遇到的奇葩问题?
  12. 74HC08四路2输入与门
  13. Windows必备软件,大而全|2022版
  14. 2019 蓝桥杯省赛 B 组模拟赛(一)蒜厂年会
  15. win10安装Redis(解压版)
  16. python 画散点热力图_使用MATPLOTLIB 制图(散点图,热力图)
  17. 拯救老本行动,ThinkPad E431 加 SSD固态硬盘,150块钱提高生产力
  18. python物联网工具
  19. 如何接入 K8s 持久化存储?K8s CSI 实现机制浅析
  20. 即要会plc又要会c语言,PLC与单片机相比有什么优势?

热门文章

  1. matlab centroid,Matlab中一个很有用的函数:regionprops
  2. mysql .net orm_个人.NET ORM全攻略,提供最新版本下载
  3. unresolved function or method $()
  4. 我们经常说的限流应该怎么做?
  5. el-radio组件在safari浏览器中点击时出现蓝色阴影的问题
  6. C++使用VARIANT实现二维数组的操作、怎么使用COleSafeArray实现二维数组将字符串写入excel
  7. 多益网络校招 -- 主观题
  8. Linux C 程序性能测试 valgrind callgrind分析函数耗时、perf分析函数CPU消耗
  9. White space in argument-
  10. java计算机毕业设计漫画网站系统源码+系统+数据库+lw文档+mybatis+运行部署