Markdown - Markdown 引用图片太大怎么办 md控制图片的大小对齐方式

最新推荐文章于 2025-07-16 14:36:31 发布

转载最新推荐文章于 2025-07-16 14:36:31 发布 · 6.6k 阅读

其他同时被 2 个专栏收录

12 篇文章

订阅专栏

HTML

11 篇文章

订阅专栏

本文介绍如何在Markdown中优化图片展示，包括控制图片宽高及对齐方式，提升排版美观度。

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>

https://blog.youkuaiyun.com/sunsteam/article/details/73112787