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

相关推荐
ljs64827395111 小时前
Linux运维实操:vi编辑器永久配置静态IP(CentOS系列)
linux·运维·编辑器
诚信定制83913 小时前
使用 CLion 内置性能分析工具观察新特性开销
编辑器
松树戈18 小时前
【Godot4精进之路】03~Godot编辑器常用界面介绍
编辑器·游戏引擎·godot
真的想不出名儿21 小时前
Md编辑器整合-react
前端·react.js·编辑器
友人.2272 天前
补充章节:VSCode Wokwi 无法可视化连线?在线 Wokwi 网页拖拽绘图方案
ide·vscode·编辑器
zhanghaofaowhrql2 天前
为CSDN博客编辑器安装自定义CSS主题,打造个性化写作界面
前端·css·编辑器
workbuddy小能手2 天前
用 WorkBuddy 部署 Node.js 项目实战:基金导航站与 Markdown 编辑器同机上线
人工智能·ai·node.js·编辑器·workbuddy
华万通信king2 天前
用 WorkBuddy 把两个 Node 网站搬上云:基金导航站 + Markdown 编辑器,宝塔托管实战复盘
人工智能·编辑器·workbuddy
Zhang~Ling2 天前
Vim 多模式详解:命令、插入、底行与插件配置
linux·编辑器·vim
fenghx2583 天前
仅用于个人记录:火狐有网,Vscode的codex连不上
vscode·编辑器