首页 > 解决方案 > IPython.display:将图像与文本对齐

问题描述

我正在尝试在 Jupyter 笔记本中显示与某些 HTML 文本对齐的 base64 编码图像。下面的代码是初步尝试 - 图片(从https://stackoverflow.com/company/logos下载)显示在文本下方。

import base64
from   io import BytesIO
from   IPython.display import Image
from   IPython.core.display import display, HTML

with open(r'H:\se-icon.png', 'rb') as f:
    data = BytesIO(f.read())
dataEncoded = base64.b64encode(data.getvalue())

display(HTML('<h3>Some Text</h3>'))
display(Image(dataEncoded, format='png', width=100))

在此处输入图像描述

所需的输出如下所示。理想情况下,我可以只使用带有 img 标签的 HTML 代码,但这不适用于我的特定情况,因为笔记本的输出是通过电子邮件发送的。使用 img 标签并不能保证显示图像。

在此处输入图像描述

有没有办法显示与 HTML 文本对齐的图像?

标签: pythonhtmljupyter-notebookipython

解决方案


推荐阅读