如何在 Google Colab 降价单元格中使图像浮动或右对齐？答案

【问题标题】：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/

【讨论】：