在ipython笔记本中设计单个Markdown单元格

时间:2014-10-21 23:54:02

标签: css markdown ipython-notebook

如何修复包含Markdown的单元格的大小?我用ipython 2.3尝试了以下内容:

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

[Markdown]

</div>

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

1 个答案:

答案 0 :(得分:1)

div容器中的表似乎(至少)存在问题。然而,这不是归因于IPython而是归因于(应用的降价引擎)。

我不完全确定这是否真的是您的问题,但如果我创建一个包含以下内容的降价单元格

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

我会看到一张桌子,在底部裁剪,侧面有一个滚动条。但是,我只是得到了类似的东西 enter image description here

所以我没有看到桌子,也没有看到任何造型。实际上,样式根本不可见,因为max-height关键字在此处没有效果。如果我将样式更改为"height: 50px;",我会立即看到样式(注意增加的高度):
enter image description here

现在,奇怪的是桌子的渲染问题。没有额外的div容器,表格呈现就好了,所以问题与此容器有某种关系。在玩完之后,我发现 - 出于什么原因 - 有必要在桌子周围添加一些空白区域。所以,如果我稍微改变降价:

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

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

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

更新

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

顺便说一下。我使用当前的IPython master(commit_hash:&#39; 13e42d6&#39;),ubuntu和firefox 33。