使用flex-box显示许多ipywidget

时间:2020-02-11 15:35:50

标签: flexbox jupyter-notebook jupyter jupyter-lab ipywidgets

我正在尝试使用ipywidgets文档Flex-Flow-Reference中所述的选项layout={'flex-flow': 'flex-wrap'},但不要使其在jupterlab和笔记本前端都无法使用。

multi-checkbox example中,更改第12行无效:

options_widget = widgets.VBox(options, layout={'flex-flow': 'flex-wrap'})
multi_select = widgets.VBox([search_widget, options_widget])

您看到添加layout={'flex-flow': 'flex-wrap'}而不是{'overflow': 'scroll'}的可能性吗? 在指定选项时我缺少什么?

在此先感谢您的提示!

1 个答案:

答案 0 :(得分:1)

这是一个示例,我倾向于通过创建<input type="text" name="abc" value="0"> <br> <% String contb = request.getParameter("abc"); out.print("The result is: "+contb); %> 对象来控制换行。

Layout

在文档中可以找到使用import ipywidgets as widgets descriptions = 'abcdefgh' search_widget = widgets.Text() options_dict = {description: widgets.Checkbox(description=description, value=False) for description in descriptions} options = [options_dict[description] for description in descriptions] options_widget = widgets.VBox(options, layout=widgets.Layout(flex_flow='row wrap')) multi_select = widgets.VBox([search_widget, options_widget]) 对象的更多示例:https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20Styling.html#Examples