Markdown 调整图像大小以适应ipython中的宽度

任何人都可以使用自定义CSS在Firefox中获得适合宽度的图像，而不在单元格底部留下大量空白吗？我们非常欣赏使用

custom.css

的最小降价示例。这里有一些东西可以复制这个问题：

第一单元：

![Big image](http://cantelofmedford.com/wp-content/uploads/2011/02/oversize1.jpg)

See the white space after this?

第二单元：

%run talktools.py

现在执行两个单元格。除非您使用以下条目创建自定义css：

p img{width:100%；}

，否则图像将不适合，并且当您这样做时，第一个单元格底部将有空白：

---

我将以下条目添加到

style.css

：

.cell.text_cell { display: inline-block; }
.cell p img { width: 100%; }

---

在Firefox26上测试。也许是黑客，但这是我能做的最好的了。如果有人找到更好的解决方案，一定要与大家分享。

我发现，在每个笔记本上添加一个HTML单元格来更新CSS，是改变style.CSS的更好选择

%%html
<style>
img { width: 100%; }
</style>

%%%html
img{宽度：100%；}

您有代码示例还是图像？就目前而言，你的问题很不清楚。@MattDMo：只需使用任何大图像；练习的重点是缩小图像以适应笔记本的宽度。您可以按如下方式在笔记本中插入带有标记的图像：

！[说明]（文件/文件名）

哪部分不清楚？@Emre，主要是您要求提供一个“使用

custom.css

的最低降价示例”，但您没有向我们提供任何此类内容。听起来你在寻求自由发展。显示您对这个问题有很好的理解，并且您已经尝试自己解决它，这对堆栈溢出有很大的帮助。伙计们，只需创建一个笔记本，其中包含一个标记单元格和任何旧的大图像，如我在上一篇评论中所解释的那样插入，然后编辑

custom.css

，这样图像就可以调整大小，如：

p img{width:100%；}

相信我，我已经试着自己解决了这个问题。我正在使用Firefox的调试器。我没有提供解决方案，因为我没有。否则我问的重点是什么？如果水平安装时没有足够的图像垂直填充，你希望发生什么？