css - 在 ipython 笔记本中设置单个 Markdown 单元格的样式

Question

如何固定包含 Markdown 的单元格的大小？我在 ipython 2.3 中尝试了以下操作:

<div style="max-height: 500px; overflow: auto;">

[Markdown]

</div>

两个样式指令都被忽略，Markdown 被解释为文本。我知道正在读取 div 标签，因为当我将 background: yellow; 添加到混合中时，我可以看到它的效果。那么为什么其他两个指令被忽略了——我如何设置 Markdown 单元格的样式？

Answer 1

div 容器中的表格似乎(至少)存在问题。然而，这不归因于 IPython，而是归因于标记(应用的 Markdown 引擎)。

我不太确定这是否真的是你的问题，但如果我创建一个包含以下内容的 markdown 单元格

<div style="max-height: 50px; overflow: auto;">
| 13ddsf | ree |
|------|-----|
| 33   | 45  |
</div>

我会 expext 看到一个表格，在底部裁剪，旁边有一个滚动条。但是，我只是得到类似的东西

所以我没有看到表格，也没有看到任何样式。实际上，样式根本不可见，因为 max-height 关键字在这里不起作用。如果我将样式更改为 "height: 50px;" 我会立即看到样式(注意增加的高度):

现在，奇怪的其实是表格的渲染问题。如果没有额外的 div 容器，表格呈现得很好，所以问题在某种程度上与这个容器有关。玩过之后我发现——出于什么原因——有必要在 table 周围添加一些空白。因此，如果我稍微更改 Markdown ，例如:

<div style="max-height: 50px; overflow: auto;">

| 13ddsf | ree |
|------|-----|
| 33   | 45  |
</div >

它呈现为:
注意表格前有一个空行，最后一个div后有一个空白字符!实际上，如果跳过 div 之后的空白字符并在最后一个 div 之外添加一些文本，它也可以工作。
这样一切都按预期工作，即。渲染和样式。不过，我会写一个错误报告来标记，因为恕我直言，这不是很明显。

更新:

这似乎与this issue有关，这解释了为什么初始代码不起作用。实际上 block 级内联 html 中不允许 block 级 Markdown 。此外，标记 block 后需要 2 个换行符才能正确找到它。通过防止标记来识别 block 级html(例如，通过添加空格)可以获得所需的结果，尽管以某种方式 hackish。
请注意，此 hack 可能不会永远有效，因为 block 级解析可能会被修改。

顺便说一句。我使用当前的 IPython master (commit_hash: '13e42d6')、ubuntu 和 firefox 33。