优快云如何将插入图片缩小并且居中

最新推荐文章于 2023-09-21 14:18:11 发布

原创最新推荐文章于 2023-09-21 14:18:11 发布 · 置顶 · 800 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

Tools 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了优快云博客中遇到图片过大不便查看的问题时，如何通过简单地在图片URL后添加宽度参数和居中样式实现图片的缩放与居中显示。具体方法是在图片链接末尾添加`#pic_center`以实现居中，并设置`width=70%`来调整图片大小，从而优化阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

优快云的插入图有时候显示比较大，不方便查看，这时只需要在原图片的地址上增加缩放比即可。
例如插入后系统给的地址为：

https://img-blog.csdnimg.cn/f348670dbadc4da2a52db5926c16d10b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Y2X5rSyLg==,size_20,color_FFFFFF,t_70,g_se,x_16

增加width缩放比例width=“70%”；增加居中条件:#pic_center：

<img src="https://img-blog.csdnimg.cn/f348670dbadc4da2a52db5926c16d10b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Y2X5rSyLg==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center" width="70%">

总体增加如下图：
在这里插入图片描述