Markdown 调整图片位置与大小
时间:2022-07-23
本文章向大家介绍Markdown 调整图片位置与大小,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
使用 Markdown 编写文档或博客时,经常需要对图片的位置与尺寸进行调整。
插入图片后,Markdown 表示图片的语法格式如下:
![图片描述](图片URL地址)
调整图片位置
居左
(1)方法一:添加位置标识。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200822014538211.png#pic_left)
(2)方法二:嵌入 HTML 代码。
<div align="left">
<img src=https://img-blog.csdnimg.cn/20200822014538211.png />
</div>
居中
(1)方法一:添加位置标识。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200822014538211.png#pic_center)
(2)方法二:嵌入 HTML 代码。
<div align="center">
<img src=https://img-blog.csdnimg.cn/20200822014538211.png />
</div>
居右
(1)方法一:添加位置标识。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200822014538211.png#pic_right)
(2)方法二:嵌入 HTML 代码。
<div align="right">
<img src=https://img-blog.csdnimg.cn/20200822014538211.png />
</div>
调整图片大小
等比缩放
相对于父级窗口
使用百分比只定义宽即可等比例缩放。注意:宽度相对于图片所在父级窗口。
<img src=https://img-blog.csdnimg.cn/20200822014538211.png width=60% />
相对于自身
非等比缩放
将图片的宽高缩小或放大为原来的指定百分比。
固定宽高
<img src=https://img-blog.csdnimg.cn/20200822014538211.png width=200 height=100 />
参考文献
[1] 知乎.markdown中插入图片怎么定义图片的大小或比例?
- Python3选择排序
- 【DeepMind 公开课-深度强化学习教程代码实战01】迭代法评估4*4方格世界下的随机策略
- Codeforces Round #434 (Div. 2, based on Technocup 2018 Elimination Round 1)&&Codeforces 861C Did yo
- Codeforces Round #434 (Div. 2, based on Technocup 2018 Elimination Round 1)&&Codeforces 861B Which
- 信用卡安全问题:被用户忽视的识别码
- Python3快速排序
- Python3插入排序
- Python3冒泡排序
- Python Selenium设计模式-POM
- 【Python学习笔记之一】Python关键字及其总结
- 前后端分离了,然后呢?
- 【Python学习笔记之二】浅谈Python的yield用法
- LINUX中常用操作命令
- Java异常抛出及try,catch应用实例
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 【排序】堆排序
- redis灵魂拷问:怎样搭建一个哨兵主从集群
- 是时候给你的鼠标指针更换样式换下风格体验了!如何卸载与安装鼠标指针?
- Linux设置虚拟内存
- SSM 单体框架 - 教育平台后台管理系统:接口文档
- java学习应用篇|使用环境变量做一些工具
- 【Java8新特性】06 新的日期和时间:LocalDate LocalTime LocalDateTime
- UNSAFE和Java 内存布局
- 【玩转Redis面试第1讲】Redis数据结构和常用命令速记
- SSM 单体框架 - 教育平台后台管理系统:课程模块
- 【玩转Redis面试第2讲】面试官再问Redis事务把这篇文章扔给他
- SSM 单体框架 - 教育平台后台管理系统:Maven 进阶使用
- SSM 单体框架 - 教育平台后台管理系统:广告和用户模块开发
- 杀死进程
- SSM 单体框架 - 教育平台后台管理系统:权限模块开发