Bokeh Div文本对齐

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作为参数传递来更改此设置:

show(Div(text=text, width=500))

这篇关于Bokeh Div文本对齐的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:Bokeh Div文本对齐

基础教程推荐