CSDN markdown编辑器设置文字图片对齐方式
markdown本身没有提供对齐的语法,但是可以通过使用html标记语言实现文字和图片的对齐
文字对齐方式
使用<p>
的align
标签实现文字对齐
<p align="center">居中对齐</p>
<p align="left">左对齐</p>
<p align="right">右对齐</p>
效果:
图片对齐方式
1.使用<img>
的align
标签实现图片左右对齐
<img src="https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG" align="left">
<img src="https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG" align="right">
效果:
2.利用markdown编辑器语法
在markdown的图片语法后面多了#pic_center
,尝试改变它为#pic_left
、#pic_center
、#pic_right
,分别实现了图片的左,居中,右对齐。可以看出csdn对markdown的图片对齐语法进行了支持。
![](https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG#pic_left)
![](https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG#pic_center)
![](https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG#pic_right)
效果:
CSDN markdown编辑器设置文字图片对齐方式相关推荐
- csdn markdown编辑器设置字体大小和颜色换行
在markdown编辑器的帮助中,没有看到有设置字体大小颜色和换行的地方,可以通过以下方式实现: <font color=#0099ff > 蓝色字体 </font> < ...
- CSDN Markdown编辑设置图片大小
使用csdn的Markdown编辑器时插入图片后会显示如下内容: 在这里插入图片描述 ( https://img-blog.csdnimg.cn/20201021092035988.png?x-oss ...
- html里文字垂直对齐属性,word设置文本垂直对齐方式有几种
word设置文本垂直对齐方式有几种 左对齐 右对齐 两端对齐 分散对齐 居中对齐 以上为段落对齐方式,可能不是你要的结果 上下两行文本对齐常用方式有 用制表位设置段落中制表符的位置后用制表符号来对齐 ...
- Python技能树及 CSDN MarkDown编辑器测评
Python技能树及 CSDN MarkDown编辑器测评 文章目录 前言 一.对Python技能数的测评 (一). Python技能树的介绍及其优点 1. Python技能树的介绍及其优点 (1)首 ...
- Python技能树的测评和CSDN Markdown编辑器的测评
前言 Python作为现在最受欢迎的程序设计语言之一,为广大用户所使用.为了方便大家学习,CSDN也推出了相应的Python技能树.近年来,计算机互联网飞速发展,而作为一个小白,想要顺应时代的浪潮,学 ...
- 20214201 Python技能树及CSDN MarkDown编辑器测评
Python技能树及CSDN MarkDown编辑器测评 要求及评分: (1)在CSDN注册账号,发布一篇博客,完成作业中的 C), D) 部分,主要是Python技能树的测评和CSDN Markdo ...
- 新版 CSDN Markdown 编辑器上线公告(Alpha 2.0)
感谢大家一直支持 CSDN Markdown 编辑器,每一次改动和优化,都是努力让你的写作体验变得更好. 这次我们更新了以下内容: 我们重构了 MD 编辑器代码,比起以前更稳定,速度也更快: 增加了保 ...
- CSS 3之图片对齐方式
图片对齐方式 1. 横向对齐方式 2. 纵向对齐方式 1. 横向对齐方式 图片横向对齐,即水平方向向上进行对齐:对齐样式与文字对齐,都有 3 种对齐方式,分别为左.中.右: 若要定义图片对齐方式,不能 ...
- 20212313 吴剑标 Python技能树及CSDN MarkDown编辑器测评
Python技能树及CSDN MarkDown编辑器测评 课程:<Python程序设计> 班级:2123 姓名:吴剑标 学号:20212313 实验教师:王志强 实验日期:2022年4月1 ...
最新文章
- 怎么把MySQL的数据传入JTable,如何直接从数据库中将数据填充到Jtable
- asp.net html 加密解密,三种方法还原ASP.NET可逆加密内容
- 如何将本地文件通过终端上传到linux服务器 /服务器/阿里云
- 真正的自重...小偷可以灭绝
- 消防管件做的机器人图片_消防管件组装成机器人 PM值临界时会报警并自动喷淋...
- 使用 MarkDown DocFX 升级 Rafy 帮助文档
- PHP进程1608占用了9012,swoole (ERRNO 9012): worker exit timeout, forced to terminate
- wireshark过滤使用
- centos的glibc升级方案 'GLIBCXX_3.4.15' not found错误的解决
- Note: File Recipe Compression in Data Deduplication Systems
- C# Cron表达式解析 .net 项目文件
- 人工智能与安全论坛:智能与安全的融合与对抗
- 离散数学耿素云计算机,离散数学,屈婉玲,耿素云,张立昂编著_考研教材_考试点...
- 个人收集资料分享(电子、计算机相关)
- 第六次团队作业——Alpha冲刺之事后诸葛亮
- dpdk加速网络协议栈ANS用户手册
- 如何降低疾病监测的漏诊比率?一种新的分类学习算法
- 学习《西方哲学史》摘录
- python画人脸编程怎么写_如何在Python(GUI)中绘制人脸
- echarts柱状图实现正负值不同颜色在上方显示数值