JupyterLab上怎么同时显示三张图片
时间: 2024-02-21 14:56:32 浏览: 146
jupyterlab_email:一个直接从JupyterLab发送电子邮件笔记本的jupyterlab扩展
您可以使用IPython.display模块中的HTML和Markdown类来实现在同一个窗口中显示三张图片和标题的效果。以下是一个示例代码:
```python
from IPython.display import HTML, Markdown
title1 = '标题1'
image1_url = '图片1的URL'
title2 = '标题2'
image2_url = '图片2的URL'
title3 = '标题3'
image3_url = '图片3的URL'
html = f"""
<div>
<h2 style="text-align:center">{title1}</h2>
<div style="display:flex;justify-content:center">
<img src="{image1_url}" alt="{title1}" style="max-width:100%;height:auto">
</div>
<h2 style="text-align:center">{title2}</h2>
<div style="display:flex;justify-content:center">
<img src="{image2_url}" alt="{title2}" style="max-width:100%;height:auto">
</div>
<h2 style="text-align:center">{title3}</h2>
<div style="display:flex;justify-content:center">
<img src="{image3_url}" alt="{title3}" style="max-width:100%;height:auto">
</div>
</div>
"""
display(HTML(html))
```
这段代码使用了HTML和CSS来实现标题和图片的对齐,并使用了max-width和height:auto来确保图片大小适应其容器。您只需要将图片的URL和标题替换为您自己的图片和标题即可。
阅读全文