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

相关推荐
伟贤AI之路2 小时前
原创分享:Markdown 表格导出 Excel/Json - 方便数据处理分析
json·excel·markdown
Code Talk2 小时前
VS Code markdown preview 与 github markdown渲染数学公式中的“_”不一致的问题
github·markdown·math
CNRio4 小时前
Day 12:Git配置详解:用户信息、编辑器、颜色等配置
git·elasticsearch·编辑器
怪力左手18 小时前
vscode扩展离线下载
ide·vscode·编辑器
yiSty1 天前
在VScode中安装Yarn
ide·vscode·编辑器
i_am_a_div_日积月累_1 天前
vscode点击文件会覆盖上一个文件
ide·vscode·编辑器
乐吾乐科技1 天前
乐吾乐3D可视化2025重大更新与2026升级计划
前端·3d·信息可视化·编辑器·数据可视化
取个鸣字真的难1 天前
claude code + vscode,打造专属编程AI IDE
ide·vscode·编辑器·aigc·ai编程·agi·第三方api
Ha_To1 天前
2025.12.31 VScode
ide·vscode·编辑器