Markdown中图片的相关操作（位置，缩放，文本的右边，并排）

最新推荐文章于 2025-05-14 11:07:58 发布

XiYang077

最新推荐文章于 2025-05-14 11:07:58 发布

阅读量8.8k

点赞数 15

CC 4.0 BY-SA版权

分类专栏： HELP 文章标签： html html5 css

本文链接：https://blog.youkuaiyun.com/m0_51350326/article/details/120120444

HELP 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用HTML实现图片的各种布局，包括图片的居中、居右、居左，图片的缩放，以及在文本旁边的布局。通过代码示例展示了如何调整图片的对齐方式和尺寸，同时提供了并排显示两张图片的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、图片的位置

1.1图片的居中

代码一：

<div align=center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png"/>
</div>

代码二：

![描述](https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png#pic_center)

效果：

1.2图片的居右

代码：

<div align=right>
<img src="https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png"/>
</div>

效果：

1.3图片的居左

代码一：

<div align=left>
<img src="https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png"/>
</div>

代码二：

![描述](https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png#pic_left)

效果：

二、图片的缩放

代码一：

<img src="https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png" width=300 height=300 />

代码二：

![描述](https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png =300*300)

效果：

三、三位一体

<img src="图片链接" width = "300" height = "200" alt="图片说明" align=center />

四、图片在文本的右边

<img align="right" src="https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png"/>

Billie Eilish Pirate Baird O’Connell (Los Ángeles, California; 18 de diciembre de 2001) es una cantante y compositora estadounidense. Adquirió fama como artista cuando tenía 13 años, a raíz del sencillo «Ocean Eyes» que se publicó en 2015 en SoundCloud y volvió a lanzarse con un vídeo musical en YouTube en 2016, a la edad de 14 años, lo que la convirtió en un fenómeno viral. En 2017, publicó su EP Don’t Smile at Me, producido por su hermano Finneas O’Connell. Nació en Los Ángeles (Estados Unidos) y se crio en el barrio de Highland Park, en el seno de una familia de artistas. Sus padres son la actriz Maggie Baird y el músico y guionista Patrick O’Connell. Tiene un hermano mayor, Finneas O’Connell, que también es compositor y actor de reparto. Posee ascendencia irlandesa y escocesa. Cuando era pequeña fue diagnosticada con síndrome de Tourette, algo que siempre ha tratado de controlar.

五、并排

5.1两张并排

代码：

<figure class="half">
    <img src="https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png">
    <img src="https://i-blog.csdnimg.cn/blog_migrate/70d082136b1d5d88b536286c1373ad7f.png">
</figure>