python – Jupyter笔记本显示纵向的图像

2023年2月28日 237次阅读

我使用以下Markdown语法在Jupyter Notebook中显示图像：

![sieve shaker](images/shaker.jpg)

图像是使用iPhone以纵向模式拍摄的,但是当它在笔记本中显示时,它以横向显示.如何以纵向显示图像？

《python – Jupyter笔记本显示纵向的图像》

最佳答案 不确定这是否回答了您的问题,但您可以在降价单元格中使用HTML,并使用CSS格式化图像：

<img style="transform: rotate(90deg); width:500px" src="images/shaker.jpg" alt="sieve shaker" title="Title text" />

编辑

完成两个图像对齐的示例：

方法1：在降价区块中：

<img style="float:left;transform: rotate(90deg); width:300px" src="img.jpg" />
<img style="float:left;transform: rotate(90deg); width:300px" src="img.jpg" />

方法2：在代码块中：

%%html
<style>
.inline-block {
   display: inline-block;
}

.my_img {
    transform: rotate(90deg);
    width : 300px
}
</style>

<div>
    <div class="inline-block" >
        <img class="my_img" src="img.jpg" />
    </div>
    <div class="inline-block">
        <img  class="my_img" src="img.jpg" />
    </div>
</div>

方法2可以在markdown块中,但您必须使用内联样式而不是单独的css和html.

点赞