Bokeh Div文本对齐

沃梦达教程前端问题

2022-01-01

Bokeh Div Text Alignment(Bokeh Div文本对齐)

本文介绍了Bokeh Div文本对齐的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何更改bokeh Div小工具中的文本对齐方式？我希望它在"中心"对齐。

show(column(Div(text='<p style="text-align: center;"><center><h1>Figure 1<h1><center></p>',  style={'font-size': '150%'}), gridplot))

如您所见，我尝试了上面的一些HTML编辑(以及其他)，但都不起作用。我不是用HTML语言编写代码，所以我不知道如何让它工作。如有任何帮助，我们将不胜感激！

一个小背景：我正在尝试为网格图创建一个主标题(bokeh没有这个功能)

推荐答案

bokeh允许css将页眉、段落和节居中：

text = """
<html>
<head>
<style>
h1 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a div.</div>

</body>
</html>
"""


show(Div(text=text))

这将导致以下结果：

请注意，这将相对于Div类的width居中，其缺省值为200。您可以通过将width作为参数传递来更改此设置：