首页 > 其他分享 >CSDN(markdown模式下)如何调整图片大小以及如何调整位置

CSDN(markdown模式下)如何调整图片大小以及如何调整位置

时间:2022-09-20 20:24:52浏览次数:106  
标签:markdown CSDN 操作 对齐 图片大小 链接 图片

版权声明:本文为CSDN博主「圣喵」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_66769266/article/details/124039970

前言

下面我将以如下图片为例来为大家讲解如何操作。
在这里插入图片描述
尝试过在CSDN(markdown模式下)插入图片的兄弟们一定知道,插入的图片默认是霸占整个宽度的,这样就会导致图片过于大,达不到预期效果。可恼的是在此模式下你是无法像word那样通过鼠标的拖动来实现图片的放大和缩小;且功能栏里还没有调整位置操作,无法实现图片的居中、向左、向右、两端对齐。那么如何操作呢?分享给大家两种方法。

第一种

在图片链接后添加指令(注意:在“=”前应当添加一个空格)。

在这里插入图片描述

  1. 首先我们先插入一个图片,就可得到如上图所示的图片及以及图片的链接。在连接的末尾添加一段指令就可实现调整位置的操作了(我标注箭头的地方)。
    居中对齐操作#pic_center
    向左对齐操作#pic_left
    向右对齐操作#pic_right

  2. 如若想调整图片的尺寸那在之前指令后面加上“ =200x”就行,其中这个200x指的是图像宽200像素,高的大小会自动按比例缩放;当然,也可同时改变宽和高的大小“ =200x200”,但会破坏比例。

  3. 效果如下:
    在这里插入图片描述

第二种

把图片的链接放如<img src=" XXX " width="30%">这样的指令中。

  • 搞到图片的链接
    在这里插入图片描述
    红线划出的就是该图片链接,复制该链接然后删除该图片,套进<img src=" XXX " width="30%">公式中就可达到改变图片大小的目的了。

  • 但此方法只能实现图的居中,无法左右对齐,即:<center><img src=" XXX " width="30%"></center>

  • 效果如下:
    在这里插入图片描述
    在这里插入图片描述
    希望多大家有帮助,谢谢!!!

在这里插入图片描述

如果这份博客对铁们有所帮助,或能够使你产生共鸣的,请不要吝啬你的点赞关注哟,谢谢!!!
如果有什么疑问或不同的见解,欢迎评论区留言欧 >_<…

标签:markdown,CSDN,操作,对齐,图片大小,链接,图片
From: https://www.cnblogs.com/suodi/p/16712348.html

相关文章

  • 博客和MarkDown
    使用typora工具编辑1.标题一级标题二级标题三级标题四级标题五级标题六级标题字体****粗体斜体~删除线引用分割线图片超链接标题列表有......
  • Markdown初识
    MarkdownMarkdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown语言在2004由约翰·格鲁伯(英语:JohnGruber)创建。Markdown编写的文......
  • Markdown 常用方法
    Markdown学习标题一级标题#二级标题##三级标题###四级标题####五级标题#####六级标题######字体Helloworld!*Helloworld!**Helloworld!***Helloworl......
  • Markdown学习下载及使用
    Markdown学习及使用一、标题标题写法为:#号加对应的标题,多级标题对应多个#二、字体1、前后加一个*号为斜体Hellowword2、前后加两个*号为加粗Hellowword3、......
  • 通院科协电子部Markdown简易教程
    什么是Markdown?Markdown是一种轻量级的文本标记语言,通过一些简单的标记语法,它可以使普通的文本具有一定的格式。Markdown的语法非常简单,所以最终呈现的效果也往往是简......
  • Markdown语法
    Markdown学习标题一级标题:#+空格+标题名称回车二级标题:##+空格+标题名称回车三级标题:###+空格+标题名称回车四级标题:####+空格+标题名称回车快捷键:C......
  • 3种方法复制CSDN代码
    CSDN代码要登录才能复制,使用体验不太好,以下三种方法可以解决。方法1:检查网页源码手动更改方法2:打开控制台执行一条命令方法3:使用浏览器扩展组件1、检查网页源码手动......
  • Edge——如何屏蔽CSDN搜索结果
    前言之前用的是-csdn,最近发现这个失效了,然后就更新为-site:csdn.net;内容配置打开设置->搜索搜索->地址栏和搜索->管理搜索引擎->添加设置完成https://cn.bin......
  • markdown学习
    markdown学习标题三级标题四级标题字体Hello,World!Hello,World!Hello,World!Hello,World! Hello,World!引用选择狂神说java分割线 图片 超链接点击跳转到......
  • 将 HTML 转换为 Markdown 的快速 macOS 快捷方式
    将HTML转换为Markdown的快速macOS快捷方式关于如何将HTML转换为Markdown的快速教程。例如,在本教程结束时,您应该能够突出显示下面的文本……<h2>绝对网址</h2......