CSDN 编辑器设置图片缩放和居中

CSDN 编辑器设置图片缩放和居中

文章目录

对齐方式

Markdown 编辑器插入图片的代码格式为

javascript 复制代码
![图片描述](图片路径)

CSDN 的 Markdown 编辑器中插入图片,默认都是左对齐,需要设置居中对齐的话,要在图片路径后加上 #pic_center 与图片文件名之间不留空格。

如下图所示

其他的对齐方式

对齐方式 代码
左对齐 #pic_left
右对齐 #pic_right
居中对齐 #pic_center

比例缩放

指定尺寸缩放,如指定宽度和高度,需要在图片路径后插入一个空格和一个等号附加宽高如 =宽x高 形式。

示例,将图片缩放拉伸为宽 800 高 600

cpp 复制代码
![](http://xxxxxx.png =800x600)

同时指定宽和高时,容易出现图像变形,为保持比例,可以仅设置宽度如 =800x 形式。指定图片保持宽高比例的情况拉伸缩放宽度为 800

示例

cpp 复制代码
![](http://xxxxxx.png =800x)

也可以指定缩放比例如 =30%x30%,将图片缩放为原始尺寸的百分之30大小,用法与上述指定具体宽高相同。

相关推荐
复苏季风1 分钟前
vite里把markdown文件渲染成vue组件
vue.js·markdown
QL.ql2 天前
vscode的ws环境,esp32s3连接wifi
ide·vscode·编辑器
_错错错2 天前
Vim 常用快捷键及插件
编辑器·vim·linux 开发工具
大白同学4212 天前
【Linux】编辑器vim的使用
linux·编辑器·vim
星火飞码iFlyCode2 天前
真实案例 | 如何用iFlyCode开发Webpack插件?
java·python·编辑器
东方不败耶耶耶2 天前
Notepad++插件开发实战指南
编辑器
我在北国不背锅3 天前
基于Java的Markdown转Word工具(标题、段落、表格、Echarts图等)
java·word·echarts·markdown
QL.ql3 天前
vscode的wsl环境,ESP32驱动0.96寸oled屏幕
ide·vscode·编辑器
广州华锐视点3 天前
论郑和下西洋元素融入课件编辑器的意义与影响
编辑器
Dawn·张3 天前
UE小:编辑器模式下「窗口/鼠标不在焦点」时仍保持高帧率
编辑器