散景删除div小部件之间的垂直空间

Question

我正在尝试使用bokeh中的div小部件作为数据的侧面板。我希望它们彼此叠放，中间没有空格。

这是我的简化代码：

from bokeh.models.widgets import Div
from bokeh.layouts import column
from bokeh.io import show

benchmarktitle= Div(text="Benchmark", width=150, height=50,
style={'background-color':'#072A49', 'color':'white','font-family': 'Helvetica, arial, sans-serif', 'border':'0'})

selectedtitle= Div(text="Selected",  width=150, height=50, 
style={'background-color':'#072A49', 'color':'white','font-family': 'Helvetica, arial, sans-serif', 'border':'0'})

layout= column(children = [benchmarktitle,selectedtitle], sizing_mode="scale_height")

show (layout)

结果：

如何消除两个div之间的空白？我尝试过调整高度并将line-height设置为零，但均无济于事。我尝试了不同的布局，例如gridplot和row，以及所有不同的大小调整模式，但是空白仍然存在。

我对此还是个新手，所以将不胜感激任何帮助或指导。

Answer 1

如果您不需要它们位于单独的Div bokeh对象中，则可以在单个Div文本中定义所需的所有html：

from bokeh.models.widgets import Div
from bokeh.layouts import column
from bokeh.io import show

div_text = """
<div style="background-color:#072A49;width:150px;height:50px;color:white;border:0;font-family':Helvetica,arial,sans-serif">Benchmark</div>
<div style="background-color:#072A49;width:150px;height:50px;color:white;border:0;font-family':Helvetica,arial,sans-serif">Selected</div>
"""

div = Div(text=div_text)


show(div)