如何有不同宽度的代码单元格和输出单元格？

Question

由此，我已经能够独立调整代码单元格和降价单元格的宽度

from IPython.core.display import display, HTML
display(HTML("<style>.jp-Cell.jp-CodeCell { width: 70% !important;  margin: 0 auto; }</style>"))
display(HTML("<style>.jp-Cell.jp-MarkdownCell { width: 90% !important;  margin: 0 auto; }</style>"))

然后我也想保持输出单元完整，这样我就可以用

显示大图

display(HTML("<style>.jp-OutputArea-output { width: 100% !important;  margin: 0 auto; }</style>"))

很遗憾，它不起作用

能否请您详细说明如何调整输出单元格的宽度？

更新：我也试过了

display(HTML("<style>.jp-Cell.jp-CodeCell.jp-Cell-inputWrapper { width: 70% !important;  margin: 0 auto; }</style>"))
display(HTML("<style>.jp-Cell.jp-CodeCell.jp-Cell-outputWrapper { width: 100% !important;  margin: 0 auto; }</style>"))

，但没有用。

Answer 1

看来我找到解决办法了

from IPython.core.display import display, HTML
display(HTML("<style>.jp-CodeCell .jp-Cell-inputWrapper { width: 80% !important;  margin: 0 auto; }</style>"))
display(HTML("<style>.jp-MarkdownCell .jp-Cell-inputWrapper { width: 90% !important;  margin: 0 auto; }</style>"))
display(HTML("<style>.jp-Cell-outputWrapper { width: 100% !important;  margin: 0 auto; }</style>"))

如何有不同宽度的代码单元格和输出单元格？

How to have different widths of code cell and output cell?

html

css

python

ipython

python-3.x