python - 在 Jupyter Notebook 中居中 HTML 表格和文本

Question

我知道 Jupyter 使用它自己的 CSS 样式，这限制了您可以使用 HTML 执行的操作，除非您对其进行编辑。

我尝试用比 Python print 更复杂的方式显示一些信息，为此我使用:

from IPython.core.display import display, HTML
display(HTML('<center>some header text</center>')))

所有内容都左对齐 - 文本和表格。有什么简单的解决方法吗？

或者还有其他方法可以在 Jupyter Notebook 中使表格居中吗？

Answer 1

您可能需要在 html 元素中使用少量自定义 CSS。重要的一点是 style='margin: 0 auto' 例如:

from IPython.core.display import display, HTML
display(HTML("""
<table style='margin: 0 auto'>
<tr><th>Hi!</th><th>There!</th></tr>
<tr><td>1</td><td>2</td></tr>
</table>
"""))