在 HBox 容器中将两个 ipywidgets textAreas 扩展到最大答案

【问题标题】：expanding two ipywidgets textAreas to the maximum in a HBox container在 HBox 容器中将两个 ipywidgets textAreas 扩展到最大
【发布时间】：2020-07-13 17:39:06
【问题描述】：

我想在一个 ipywidget 中并排显示两个文本框区域，如下所示：

wd_COMPARISON_txt1 = widgets.Textarea(placeholder='text1',
                            disabled=False,
                            layout=Layout(width='auto',height='400px'))
    
wd_COMPARISON_txt2 = widgets.Textarea(placeholder='text2',
                            disabled=False,
                            layout=Layout(width='auto',height='400px'))

我在仪表板中显示的方式是这样的：

show_COMPARISON_TEXTAREAS = HBox([wd_COMPARISON_txt1,wd_COMPARISON_txt2])

现在结果如下所示：

我希望这两个字段在整个选项卡上的宽度为 50%（如紫色的两行所示），并且如果可能的话，如果我缩小浏览器窗口，该行为是响应式的。

我使用了'auto'属性，相信它会自动扩大宽度。

【问题讨论】：

标签： python textarea ipywidgets

【解决方案1】：

解决方法是使用ipywidgets的布局

 layout = ipywidgets.layout(width='50%')

并将其传递到文本区域

wd_COMPARISON_txt1 = widgets.Textarea(placeholder='text1',
                        disabled=False,
                        layout=Layout(width='50%',height='400px'))

【讨论】：