markdown技巧
并列显示图片
Image 1
Image 2
要在Markdown中将两张图像并排显示,你可以使用HTML的<div>
元素和CSS样式来实现。以下是一个示例,展示如何在Markdown中并排显示两张图像:
<div style="display: flex;">
<div style="flex: 50%; padding: 5px;">
<img src="壁纸2.png" alt="Image 1" style="width: 100%;">
<p style="text-align: center;">Image 1</p>
</div>
<div style="flex: 50%; padding: 5px;">
<img src="壁纸3.png" alt="Image 2" style="width: 100%;">
<p style="text-align: center;">Image 2</p>
</div>
</div>
在这个示例中,我们使用了一个<div>
元素作为容器,内部包含两个子<div>
元素来放置每张图像。我们使用display: flex;
样式属性来使子元素并排显示,并使用flex: 50%;
来指定子元素宽度占比。padding
属性用于在图像周围添加一些间距。每个子<div>
内包含一个图像和一个居中的段落来显示图像的标题。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 博客!