Question

出于某种原因，我希望我的HTML小部件具有固定的高度，无论小部件中有多少行。如果线条太多而无法适应高度，理想情况下可以滚动查看所有线条。我尝试了类似下面的内容，但它不起作用：

import ipywidgets as widgets
widgets.HTML(
    value="Hello <p>World</p><p>World</p><p>World</p><p>World</p><p>World</p><p>World</p><p>World</p><p>World</p>",
    placeholder='Some HTML',
    description='Some HTML',
    disabled=True,
    height='50px',
    overflow_y='scroll'
)

Answer 1

下面的代码解决了这个问题：

import ipywidgets as widgets
from ipywidgets import Button, Layout
b=widgets.HTML(
    value="Hello <p>World</p><p>World</p><p>World</p><p>World</p><p>World</p><p>World</p><p>World</p><p>World</p>",
    placeholder='Some HTML',
    description='Some HTML',
    disabled=True
)
a = HBox([b], layout=Layout(height='50px', overflow_y='auto'))
display(a)

有趣的是，这不起作用：

a = HBox([b], height='50px', overflow_y='auto')

似乎HBox没有将overflow_y传递给html / css，由于某种原因我不明白。

如何使jupyter笔记本中的小部件可滚动？

1 个答案: