【问题标题】:How can I make an image float or right-align in a Google Colab markdown cell?如何在 Google Colab 降价单元格中使图像浮动或右对齐?
【发布时间】:2020-03-17 05:14:12
【问题描述】:

为了解释我的笔记本代码中正在进行的过程,我在代码的 sn-ps 之间使用了 markdown 文本框。我想用小图来说明文字(图表通常会使文字更清晰)。

但是,我找不到让这些图像漂浮在右侧的方法。 我尝试使用 CSS 样式添加标签,但 Colab 似乎正在删除这些标签。我试着把东西包进去,但还是没有运气。

【问题讨论】:

    标签: google-colaboratory


    【解决方案1】:

    一种选择是使用隐藏代码的 HTML 单元格,这是由表单标题的存在触发的。例如,创建一个包含以下内容的代码单元:

    #@title Some Stuff
    %%html
    Here are some words.
    <img src="https://www.w3schools.com/html/smiley.gif"
     style="float:right;width:50px;height:50px;">
    Here are some other words and there is an image floating around it.
    

    然后执行单元格并双击呈现的标题以隐藏源。结果如下所示:

    【讨论】:

      【解决方案2】:

      您还可以在图像标签上使用现已弃用的 align 属性。 https://html.com/attributes/img-align/

      【讨论】:

        猜你喜欢
        • 2020-12-06
        • 2012-02-19
        • 1970-01-01
        • 2013-05-05
        • 1970-01-01
        • 2014-03-07
        • 2020-09-26
        • 2015-01-03
        • 2021-10-06
        相关资源
        最近更新 更多