CSDN MarkDown如何并排显示图片

百口可乐__

已于 2023-09-17 12:50:56 修改

阅读量561

点赞数

分类专栏： html

于 2022-08-20 00:26:11 首次发布

本文链接：https://blog.csdn.net/m0_60352504/article/details/126433866

版权

HTML 图片处理居中显示左右对齐标签使用

关键词由CSDN通过智能技术生成

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

参考网络上办法

<figure >
    <img src="https://img-blog.csdnimg.cn/1a033256e5da4f06969b3007dfd26736.png">
    <img src="https://img-blog.csdnimg.cn/aac3ac04349e4896b28f5623df65e0cf.png">
</figure>

发现不行，原因是图片过大，调整图片大小

<figure >
    <img src="https://img-blog.csdnimg.cn/1a033256e5da4f06969b3007dfd26736.png"  width="40%" >
    <img src="https://img-blog.csdnimg.cn/aac3ac04349e4896b28f5623df65e0cf.png"  width="40%" >
</figure>

但是缺点是只能居中显示，我尝试使用<div>标签来替代<figure>标签，可以实现左右对齐效果

<div align="left">
    <img src="https://img-blog.csdnimg.cn/1a033256e5da4f06969b3007dfd26736.png"  width="40%" >
    <img src="https://img-blog.csdnimg.cn/aac3ac04349e4896b28f5623df65e0cf.png"  width="40%" >
</div>