首页 > 其他分享 >博客园相关-Markdown设置插入图片对齐方式

博客园相关-Markdown设置插入图片对齐方式

时间:2024-06-20 17:33:19浏览次数:12  
标签:Markdown 博客园 如下 插入 设置 对齐 图片

在博客园中,插入图片的默认方式为:
![](/i/l/?n=24&i=blog/3466488/202406/3466488-20240620171406631-1366059752.png)

效果如下:

  1. 想要设置插入图片的尺寸,可以用<img>元素的style="zoom:20%"属性实现,如下:
    <img src="/i/l/?n=24&i=blog/3466488/202406/3466488-20240620171406631-1366059752.png" style="zoom:20%" alt="image"/>
    效果如下:
    image

  2. 想要图片居中对齐,可通过设置用<div align="center"></div>包住<img>元素,如下:
    <div align="center"><img src="/i/l/?n=24&i=blog/3466488/202406/3466488-20240620171406631-1366059752.png" style="zoom:20%" alt="image"/></div>
    效果如下:

image
  1. 想要将多张图片居中排列,可通过<center><figure>标签设置,如下:
<center>
<figure>
<img src="/i/l/?n=24&i=blog/3466488/202406/3466488-20240620171406631-1366059752.png" />
<img src="/i/l/?n=24&i=blog/3466488/202406/3466488-20240620172450154-534610412.png" />
</figure>
</center>

效果如下:

标签:Markdown,博客园,如下,插入,设置,对齐,图片
From: https://www.cnblogs.com/lingdu98/p/18259105

相关文章

  • 博客园相关-Markdown设置插入图片尺寸
    应用场景:在博客园的Markdown编辑器中,插入图片的尺寸是默认保持图片原尺寸的,这就导致有些图插入后,在页面中占用篇幅过大。如下图片(原尺寸:1028x1028):默认的Markdown插入代码为:![](https://img2024.cnblogs.com/blog/3466488/202406/3466488-20240620093649135-252360226.png)......
  • python 实现博客园文章导出为word文档
    确保安装了以下Python库:pipinstallrequestsbeautifulsoup4python-doc importrequestsfrombs4importBeautifulSoupfromdocximportDocumentfromdocx.sharedimportPtfromdocx.oxml.nsimportqn#函数:获取博客园文章内容defget_blog_article(url):......
  • 博客园美化教程 可自制(附代码)
    博客美化由于有小伙伴需要这些好看的代码,我就把自己从网上整合的一些代码分享给各位。主要参考了凌云_void大佬的博客申请JS权限第一步你需要申请一个博客,审核通过之后在博客后台的设置中找到申请js权限理由积极向上即可通过后就可以开始后门的步骤了,差不多半个小时审核就......
  • Markdown语法
    Markdown语法[toc]一、前言Markdown是一种轻量级的「标记语言」,它允许人们使用易读易写的纯文本格式编写文档,借助可实现快速排版且转换成格式丰富的HTML页面。Markdown用简洁的语法代替排版,而不像常用文字处理软件Word或Pages等进行排版、字体、插入等设置。「标记......
  • 希望六月:参加阿里云 PolarDB 与「AI函数计算」动手活动,送博客园T恤
    没想到今年六月是园子与阿里云的推广合作季,同时有好几个推广项目在合作,比如:阿里云开发者社区有奖征文活动,期待您出文相助「指间灵动,快码加编」:阿里云通义灵码,再次降临博客园阿里云618创新加速季,5亿补贴享不停,上云礼包抢先领再加上今天发布的PolarDB与AI函数计算动手活动......
  • 前端使用 Konva 实现可视化设计器(16)- 旋转对齐、触摸板操作的优化
    这一章解决两个缺陷,一是调整一些快捷键,使得Mac触摸板可以正常操作;二是修复一个Issue,使得即使素材节点即使被旋转之后,也能正常触发磁贴对齐效果,有个小坑需要注意。请大家动动小手,给我一个免费的Star吧~大家如果发现了Bug,欢迎来提Issue哟~github源码gitee源码示例地址......
  • Typora 1.0.3 markdown 满屏显示,去除两边的留白
    Typora宽度在CSS样式文件中有个max-width值,现在的显示器分辨率比较高,会导致编辑器两边留白比较多导致文档编辑时,高分辨率的显示器,得不到充分利用解决方案查看不要直接去安装目录下修改,实际目录可能会不一样......
  • 自学编程-MarkDown语法
    ​(首先下载typora/15天免费使用)MARKDOWN[符号必须英文输入法]!标题#(#个数分级别)空格文案二级标题三级标题文字world!(前后两个*加粗)world!(1斜体*)world!(3*斜体加粗)world!(两个~波浪号删除线)引用分割线(三个-获三个*分割线)图片超级链接前面名字后面网站链接符号注意英......
  • 一个开源的快速准确地将 PDF 转换为 markdown工具
    大家好,今天给大家分享的是一个开源的快速准确地将PDF转换为markdown工具。Marker是一款功能强大的PDF转换工具,它能够将PDF文件快速、准确地转换为Markdown格式。这款工具特别适合处理书籍和科学论文,支持所有语言的转换,并且能够去除页眉、页脚等干扰元素,格式化表格和代码块,提......
  • 博客园众包平台:50w+驱动开发大单,全园找人接单
    园子的众包平台在小步慢跑、量力而行地向前推进着,一边在召集早期合作开发者,一边在等单来。昨天就等来一单,而是很大很大的单子,报价50w-100w,也是很难很难的单子,发单后合作开发者中没人敢接单,于是才有了今天这篇全园找人接单。客户是一家做WiFi芯片的公司,想找人为自家的WiFi芯......