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

相关推荐
ONLYOFFICE14 分钟前
【技术教程】如何将ONLYOFFICE文档集成到使用Spring Boot框架编写的Java Web应用程序中
java·spring boot·编辑器
Blue桃之夭夭3 小时前
Visual Studio Code设置个性化背景教程
ide·vscode·编辑器
EQ-雪梨蛋花汤12 小时前
【Unity笔记】Unity 编辑器扩展:打造一个可切换 Config.assets 的顶部菜单插件
unity·编辑器·游戏引擎
byte轻骑兵1 天前
365 天技术创作手记:从一行代码到四万同行者的相遇
ide·vscode·编辑器
奥特曼打小白1 天前
Visual Studio Code的第一次安装
ide·vscode·编辑器
凯哥Java1 天前
适应新环境:Trae编辑器下的IDEA快捷键定制
java·编辑器·intellij-idea
EveryPossible1 天前
如何终止画图
linux·编辑器·vim
极客柒2 天前
Unity 塔防自用可视化路点寻路编辑器
unity·编辑器·游戏引擎
歪歪1002 天前
Qt Creator 打包应用程序时经常会遇到各种问题
开发语言·c++·qt·架构·编辑器
战南诚2 天前
前端开发vscode插件 - live server
ide·vscode·编辑器