如何在Markdown for IPython Notebook(Jupyter)中并排包含两张图片?

19 markdown ipython-notebook jupyter

我试图在笔记本上的一个Markdown单元格中并排插入两张图片.我这样做的方式是:

<img src="pic/scan_concept.png" alt="Drawing" style="width: 250px;"/> 
Run Code Online (Sandbox Code Playgroud)

为了能够调整包含图片的大小.任何人都可以提出建议吗?

谢谢,

use*_*686 22

您可以使用像这样的管道和破折号创建表格.

A | B
- | - 
![alt](yourimg1.jpg) | ![alt](yourimg2.jpg)
Run Code Online (Sandbox Code Playgroud)

请参阅表格语法

  • 在 Github 上工作。 (2认同)

Sal*_*ali 19

JMann的解决方案对我不起作用.但是这个有效

from IPython.display import HTML, display
display(HTML("<table><tr><td><img src='img1'></td><td><img src='img2'></td></tr></table>"))
Run Code Online (Sandbox Code Playgroud)

我从这个笔记本中接过了这个想法

  • 原始 HTML 代码对我有用,即没有 `HTML` 和 `display` (3认同)

小智 12

我在Markdown单元格中找到了以下工作:

    <tr>
    <td> <img src="Nordic_trails.jpg" alt="Drawing" style="width: 250px;"/> </td>
    <td> <img src="Nordic_trails.jpg" alt="Drawing" style="width: 250px;"/> </td>
    </tr>
Run Code Online (Sandbox Code Playgroud)


Ran*_*ker 11

我没有足够的声誉来添加评论,所以我只把2美分作为一个单独的答案。我还发现JMann的解决方案不起作用,但是如果用表标签包装他的实现,则:

<table><tr>
<td> <img src="Nordic_trails.jpg" alt="Drawing" style="width: 250px;"/> </td>
<td> <img src="Nordic_trails.jpg" alt="Drawing" style="width: 250px;"/> </td>
</tr></table>
Run Code Online (Sandbox Code Playgroud)

然后就可以了。


Jul*_*n J 9

图片表:

|![alt](pathToImage1.jpg) |![alt](pathToImage2.jpg)|
|-|-|
|![alt](pathToImage3.jpg) | ![alt](pathToImage4.jpg)
|![alt](pathToImage5.jpg) | ![alt](pathToImage6.jpg)
Run Code Online (Sandbox Code Playgroud)

看法 :

替代 替代
替代 替代
替代 替代