CSDN博客编辑小技巧
目录
- 段首空格
- 文内跳转
- 表格内换行
- 图片缩放
- 原图
- 比例控制
- 像素控制
- 位置控制
- 普通文字居中
- 未完待续…
段首空格
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_center
、pic_left
和#pic_right
,如下,完成居中:
相应代码为:
![在这里插入图片描述](https://img-blog.csdnimg.cn/7902d7c3414a40e59db2e2b87e69b5e1.png#pic_center =50%x50%)
普通文字居中
在需要居中的文字前加<center>
,如:
居中的文字
在编辑区为:
<center>居中的文字
未完待续…
CSDN博客编辑小技巧相关推荐
- csdn博客编辑常用技巧(含Latex公式编辑)
csdn博客编辑 一.创建标题,生成目录 二.功能快捷键 三.如何改变文本的样式 四.快捷设置首行缩进 五.修改文字体及颜色 六.修改文字背景颜色 颜色名列表 七.设置特定文字或代码强调背景色--co ...
- CSDN博客编辑用html记录
整理收集了截止2017年12月CSDN编辑器部分自己常用的HTML编辑样式. 文章正文相关 01/ 中文正文块 SimSun <p style="margin-top:5px;marg ...
- CSDN博客文章写作技巧
CSDN博客文章写作技巧 1. CSDN博客文章段落缩进问题的解决办法 1.1 解决办法 由于在写文档的时候,段落首习惯了缩进两个字符,发现使用 Tab 键无法解决这个问题,同时使用多个空格代替的 ...
- CSDN博客编辑格式
CSDN 博客编辑 格式 这里写自定义目录标题 **CSDN 博客编辑 格式** 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与 ...
- 我的第一篇CSDN博客--微信小程序
我的第一篇CSDN博客 产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验 小程序注册 微信小程序是一种全新的连接用户与服务的方式 ...
- 0 csdn博客编辑教程目录
0 欢迎使用CSDN-markdown编辑器(博客自带) 0.1 CSDN Markdown简明教程1-关于Markdown 0.2 CSDN Markdown简明教程2-Markdown基本使用 0 ...
- 写带有代码博客的小技巧
又双叒叕大家都知道是什么意思吗?知道怎么读吗?它们其实是一个网络流行用语,通常读作"yòu,shuāng,ruò,zhuó".表示某事物变化更替相当频繁,也表示一件事反复出现. 还 ...
- switchyomega规则列表备份_求人不如求己,自己动手写一个CSDN博客备份小工具?...
前提概要 背景 因为笔者在上个月的时候,突然想扩展一下技术栈,不能仅仅局限于Java,还是得掌握一门工具语言,不然显得太low.所以也就对Python和Golang类的语言有了一些兴趣.也就在上个月简 ...
- CSDN博客常用写作技巧
文章目录 一.前言 二.快捷键 1.引用 2.代码块 3.字体加粗 4.标题 5.目录 6.超链接 三.美化博客 1.emoji 2.字体颜色和尺寸 3.插图 四.持续更新中
最新文章
- 巩固好基础,才能学好Linux
- ASP.NET Web开发技术的深入总结
- secFox setting
- Prototype Pattern(原型模式)
- Linux内核系统调用处理过程
- C#网络编程(同步传输字符串) - Part.2
- BUPT复试专题—最小距离查询(2013)
- lasted是什么意思_lasted是什么意思_lasted怎么读_lasted翻译_用法_发音_词组_同反义词_继续存在( last的过去式和过去分词 )-新东方在线英语词典...
- 访问服务器根目录文件,可道云 访问服务器根目录
- html横线标记_html中横线怎么写代码
- 求职面试找工作时,你遇到的奇葩问题?
- 74HC08四路2输入与门
- Windows必备软件,大而全|2022版
- 2019 蓝桥杯省赛 B 组模拟赛(一)蒜厂年会
- win10安装Redis(解压版)
- python 画散点热力图_使用MATPLOTLIB 制图(散点图,热力图)
- 拯救老本行动,ThinkPad E431 加 SSD固态硬盘,150块钱提高生产力
- python物联网工具
- 如何接入 K8s 持久化存储?K8s CSI 实现机制浅析
- 即要会plc又要会c语言,PLC与单片机相比有什么优势?
热门文章
- matlab centroid,Matlab中一个很有用的函数:regionprops
- mysql .net orm_个人.NET ORM全攻略,提供最新版本下载
- unresolved function or method $()
- 我们经常说的限流应该怎么做?
- el-radio组件在safari浏览器中点击时出现蓝色阴影的问题
- C++使用VARIANT实现二维数组的操作、怎么使用COleSafeArray实现二维数组将字符串写入excel
- 多益网络校招 -- 主观题
- Linux C 程序性能测试 valgrind callgrind分析函数耗时、perf分析函数CPU消耗
- White space in argument-
- java计算机毕业设计漫画网站系统源码+系统+数据库+lw文档+mybatis+运行部署