首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

使markdown文档中的图片居中

  • 25-03-03 21:42
  • 4337
  • 13927
blog.csdn.net

转载原文:http://blog.csdn.net/u014288743/article/details/52910785


方法①

使用标签

居中内容
/*将你希望居中的内容包含即可。*/
  • 1

方法②

居中内容
/*使用div标签,将你希望居中的内容包含即可。*/
  • 1

方法③

添加自定义css文件。css文件中加入如下样式

img{
  positon:relative;
  width:80%;
  left:10%;/*left为(img父元素元素的width - img元素自己的width)÷2*/
}
  • 1
  • 2
  • 3
  • 4
  • 5

这个方法可以使得文档中所有的img元素都居中,缺点是不想居中的图片都居中了。但可结合方法①方法②来调整你不想居中的图片的位置。


总结

  • 以上的方法亲测不是在所有Markdown中生效,如
    标签在CMD Markdown编辑器中居中文字生效,但是居中图片时失效。
  • 另外关于更多图片居中方法以及图片显示设置可以参考:http://iyenn.com/rec/1702881.html
文章知识点与官方知识档案匹配,可进一步学习相关知识
CS入门技能树MarkDown入门图片40158 人正在系统学习中
注:本文转载自blog.csdn.net的Leo-Woo的文章"https://blog.csdn.net/IMW_MG/article/details/77623942"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2491) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

101
推荐
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2025 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top