Markdown 中控制图片的大小 对齐方式
来源:互联网 发布:医疗器械公司软件开发 编辑:程序博客网 时间:2024/06/17 07:22
普通展示图片
MarkDown中显示图片的语法是 ![图片描述](图片地址)
。但是这种方法只是单纯把图片显示出来,如果图片很大的话就会铺满屏幕或者超高,排版上不好看。
通过img标签控制宽高
<img src="http://pic15.photophoto.cn/20100615/0006019058815826_b.jpg" height="330" width="495">
通过 <div>
标签和 align
属性控制对齐方式
<div align="center"><img src="http://pp.myapp.com/ma_pic2/0/shot_42391053_1_1488499316/550" height="330" width="190" ><img src="http://pp.myapp.com/ma_pic2/0/shot_42391053_2_1488499316/550" height="330" width="190" ><img src="http://pp.myapp.com/ma_pic2/0/shot_42391053_3_1488499316/550" height="330" width="190" > </div>
其他属性
上面2个标签我在多个编辑器中测试都有效。
根据MarkDown编辑器解析语法的方式不同,有些编辑器还支持别的属性
比如在 img
标签中增加 style="margin-left:45px"
,在atom中配合GitHub MarkDown有效。
甚至相同的html属性在不同的编辑器内展示效果也不一样。如果想传递一个md文件给别人的话, 尽量不要加别的html属性进去,最好是测试满意后转换为pdf格式发给对方。
阅读全文
0 0
- Markdown 中控制图片的大小 对齐方式
- markdown中如何设置图片的显示大小
- 控制gridControl中cardview中图片的固定大小显示
- HTML中图片位置及大小的控制
- 控制上传图片的大小
- markdown中插入图片怎么定义图片的大小或比例?
- Markdown中插入图片怎么定义图片的大小或比例?
- 图片显示大小的客户端控制
- js 可以控制图片的大小
- js控制图片显示的大小
- 通过CSS控制图片显示的大小
- JavaScript---控制图片加载后的大小
- js控制不同设备图片的大小
- asp.net 控制显示图片的大小
- webview 加载HTML控制图片的大小
- Markdown中对图片进行居中,设置大小等操作
- 控制图片上传大小
- 细说C++中字节的对齐方式
- e.集合和泛型
- 关于在Hololens平台上使用UGUI
- 笔记二 复杂数据类型
- 编译型语言、解释型语言、静态类型语言、动态类型语言概念与区别
- CentOS6.7 常用操作命令
- Markdown 中控制图片的大小 对齐方式
- VS2015跨平台开发知识点记录
- HTML网页设计之div渐变背景色
- UE4子弹到达目的地爆炸及自身销毁
- 对于一个"ul"列表,单击弹出每个"li"对应的索引
- f.反射
- 6月12日,每日20行。
- mysql---使用正则表达式搜索
- itk中的特征提取算法(五)