MarkDown文档中怎么让图片并排展示
条评论Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。
Markdown 语法是对纯文本格式的强化,能使文本显示得更清晰、有条理。但它依旧算是简单的文本,很容易修改和扩展,常用于快速写作中。也正是因为MarkDown更注重简洁,所以对于图文混排,一些特定效果等功能进行了弱化,比如想设置图文并列,图片墙等时,纯MarkDown语法就无法实现了。
还好,Markdown 格式的兼容扩展性颇佳,使之能快速转换为各种互联网上的常用格式,比如 HTML、Word、PDF 等。
所以要实现图文混排,我们可以使用HTML语法来完成,比如完成一个图片并列排放效果,就可以在MarkDown文档中直接写入如下示例代码实现
1 | <div style="float:left;border:solid 1px 000;margin:2px;"><img src="../images/QR-BTC.png" width="200" height="260" ></div> |
以上示例代码实现的效果如下:
当屏幕容得下多张图片时,图片将并排展示,如果屏幕分辨率小,则接着下一屏展示。
如上文,当添加了`DIV`样式后,图片是实现并排了,可后面的文字也贴上去了,无法实现在下一行显示,此时我们就需要在将下文放在`DIV`容器中,并清除之前的浮动样式
1 | <div style="float:none;clear:both;"> |
参考文档:http://whuhan2013.github.io/blog/2015/09/19/markdown-simple-grammar/
本文标题:MarkDown文档中怎么让图片并排展示
文章作者:凹凸曼
发布时间:2017-08-23
最后更新:2017-08-23
原始链接:https://sobaigu.com/images-side-by-side-in-markdown.html
版权声明:转载请务必保留本文链接和注明内容来源,并自负版权等法律责任。