降價中的 Jupyter Notebook 位置嵌入圖像

Question

我在 Jupyter Notebook 中拖放圖像。 默認情況下，它給了我一個代碼：

![myimage.png](attachment:myimage.png)

我可以在上面做一些事情來對齊它“沒有” <img ..>嗎？

Answer 1

您可以按如下方式在 Markdown 中嵌入圖像。 查看此處提出的其他建議Markdown 和圖像對齊

<img style="float: right;" src="myimage.png">

或者，

![image alt >](/image-right.jpg)
![image alt <](/image-left.jpg)
![image alt ><](/center-image.jpg)

高級示例：

我將在這里分享我對 jupyter notebooks 降價內容所做的修改之一。 我希望這會有所幫助。

<div style="width:image width px; 
            font-size:80%; 
            text-align:center; 
            float: right; padding-left-right-top-bottom:0.5em;  
            border-style: solid; border-color: rgba(211, 211, 211, 0.1);
            background-color: rgba(0, 250, 250, 0.1);">
    <img src="./Resources/Markdown/898px-Row_and_column_major_order.svg.png" 
         alt="alternate text" 
         width=200 
         style="padding-bottom:0.5em;"/>
    <div style="padding: 3px; 
                width: 200px; 
                word-wrap: break-word; 
                text-align:justify;">
        Illustration of difference between row- and column-major ordering. <br> 
        <a href="https://en.wikipedia.org/wiki/File:Row_and_column_major_order.svg" 
           style="float: right;"> 
           Image Source 
        </a>
    </div>
</div>

輸出

注意：這可能是Markdown 和圖像對齊的副本。