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

相关推荐
穗余2 小时前
vscode优化使用体验篇(快捷键)
ide·vscode·编辑器
繁依Fanyi7 小时前
ColorAid —— 一个面向设计师的色盲模拟工具开发记
开发语言·前端·vue.js·编辑器·codebuddy首席试玩官
梁萌7 小时前
MinerU安装(pdf转markdown、json)
ui·markdown·可视化·mineru·pdf转mk
第一片心意9 小时前
彻底解决sublime text4无法打开install package界面安装插件问题
编辑器·sublime text·package control·sublime text4·install package
bloglin9999915 小时前
cursor/vscode启动项目connect ETIMEDOUT 127.0.0.1:xx
ide·vscode·编辑器·nodejs·cursor
谢尔登1 天前
【VSCode】修改侧边文件资源管理器中的文件夹折叠模式
ide·vscode·编辑器
bloglin999991 天前
关闭VSCode 自动更新
ide·vscode·编辑器
向宇it1 天前
【unity游戏开发——编辑器扩展】使用MenuItem自定义菜单栏拓展
开发语言·ui·unity·c#·编辑器·游戏引擎
谢尔登1 天前
【VSCode】快捷键合集(持续更新~)
ide·vscode·编辑器
繁依Fanyi2 天前
Animaster:一次由 CodeBuddy 主导的 CSS 动画编辑器诞生记
android·前端·css·编辑器·codebuddy首席试玩官