📜  如何在 Jupyter Notebook 的 Markdown 中并排包含两张图片 - Html (1)

📅  最后修改于: 2023-12-03 14:52:22.960000             🧑  作者: Mango

如何在 Jupyter Notebook 的 Markdown 中并排包含两张图片 - Html

要在 Jupyter Notebook 的 Markdown 中并排包含两张图片,我们可以使用HTML来实现。

HTML中有一个img标签用于插入图片,我们可以利用这个标签实现并排插入两张图片的效果。具体实现方法如下:

<div>
    <img src="path/to/image1.jpg" style="width: 45%; display:inline-block;">
    <img src="path/to/image2.jpg" style="width: 45%; display:inline-block;">
</div>

这个代码片段中,我们使用了一个<div>标签来包含两张图片,使它们能够排在同一行。然后使用img标签分别插入了两张图片,并使用了style属性来控制图片的宽度和排列方式。

其中,width: 45%表示图片的宽度为容器的45%,display:inline-block表示将图片设置为内联块元素,使其能够并排排列。

代码示例:

<div>
    <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" style="width: 45%; display:inline-block;">
    <img src="https://cdn.icon-icons.com/icons2/112/PNG/512/python_18894.png" style="width: 45%; display:inline-block;">
</div>

需要注意的是,这个方法中的img标签需要设置src属性来指定图片的路径。另外,如果图片太大超过50%,可能会导致图片在同一行中显示不完整,需要进一步调整。

以上就是在Jupyter Notebook的Markdown中并排包含两张图片的方法,希望对您有所帮助!