我正在尝试在笔记本上的一个 Markdown 单元格中并排插入两张图片。我的做法是:
<img src="pic/scan_concept.png" alt="Drawing" style="width: 250px;"/>
以便能够调整所包含图片的大小。任何人都可以在此基础上提出建议吗?
谢谢,
我没有足够的声誉来添加评论,所以我只会把我的 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>
然后就可以了。
JMann 的解决方案对我不起作用。但这有效
from IPython.display import HTML, display
display(HTML("<table><tr><td><img src='img1'></td><td><img src='img2'></td></tr></table>"))
我从这个笔记本
中得到了这个想法|![alt](pathToImage1.jpg) |![alt](pathToImage2.jpg)|
|-|-|
|![alt](pathToImage3.jpg) | ![alt](pathToImage4.jpg)
|![alt](pathToImage5.jpg) | ![alt](pathToImage6.jpg)
<table><tr>
<td>
<p align="center" style="padding: 10px">
<img alt="Forwarding" src="images/IMG_20201012_183152_(2).jpg" width="320">
<br>
<em style="color: grey">Forwarding (Anahtarlama)</em>
</p>
</td>
<td>
<p align="center">
<img alt="Routing" src="images/IMG_20201012_183158_(2).jpg" width="515">
<br>
<em style="color: grey">Routing (yönlendirme)</em>
</p>
</td>
</tr></table>
我正在使用 VSCode,带有原生 markdown,该解决方案对我来说很有效......
![alt](yourimg1.jpg) | ![alt](yourimg2.jpg)
所以,它适用于前两张图片和其他图片,它不起作用=/
我发现我需要在图像标签之间添加一些空格
所以,我这样做了,效果很好,如附图所示:
![alt](yourimg1.jpg) | ![alt](yourimg2.jpg)
// space 1
// space 2
// space 3
![alt](yourimg1.jpg) | ![alt](yourimg2.jpg)
// space 1
// space 2
// space 3
它对我来说效果很好!
希望对您有帮助!