2017-02-25 86 views
1

出於某種原因,我希望我的HTML小部件具有固定的高度,無論小部件中有多少行。如果線條太多而無法放入高度,理想情況下可以滾動查看所有線條。我想是這樣的下面,但它不工作:如何使jupyter筆記本中的小部件可滾動?

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' 
) 

回答

1

的follwoing代碼解決了這個問題:

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,出於某種原因,我不明白。