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大小,用法与上述指定具体宽高相同。

相关推荐
布鲁飞丝3 小时前
从零实现富文本编辑器#-浏览器选区与编辑器选区模型同步
java·前端·编辑器
我要见SA姐11 天前
VsCode 使用指南(配置 + 美化)
ide·vscode·编辑器
洛兮银儿2 天前
VScode注释快捷键的修改
ide·vscode·编辑器
极梦网络无忧3 天前
real-ai-editor:一款轻量、智能的纯前端 AI 富文本与 Markdown 编辑器
前端·人工智能·编辑器
suaizai_3 天前
HTML为何碾压Markdown?AI时代新选择
markdown
longerxin20204 天前
nano编辑器插入、编辑完整操作教程(Linux日志/配置专用)
linux·运维·编辑器
寒水馨4 天前
Windows下载、安装neovim-v0.12.4(附安装包nvim-win64.msi)
windows·编辑器·vim·lua·终端·lsp·neovim
前端逗比逗5 天前
流式 Markdown 解析 + 代码块防截断闪烁
markdown·webassembly
●VON5 天前
鸿蒙 PC Markdown 编辑器内核:在 ArkWeb 中离线运行 CodeMirror 6
安全·华为·编辑器·harmonyos·鸿蒙