Question

我试图通过对齐输入字段来使IPython笔记本更美观。这些字段附有一些描述符，少数字符超出了最小字符限制。

我希望文本输入框对齐，使左侧全部垂直对齐。

这是一个简单的ipython示例，

from IPython.html import widgets # Widget definitions
from IPython.display import display # Used to display widgets in the notebook
small_widget = widgets.FloatTextWidget(description="Small:")
short_widget = widgets.FloatTextWidget(description="Also Short:")
long_widget = widgets.FloatTextWidget(description="Loooooooong:")

container = widgets.ContainerWidget(children=[small_widget, 
                                              short_widget, long_widget])

display(container)

你可以看到，对于Looooooong小部件，标签会大大改变输入框。我希望所有其他输入框也向右移动以对齐。

有关如何正确对齐FloatTextWidget的这些组件（标签，输入框）的任何建议？我查看了对齐小部件的IPython notebook，但它适用于整个小部件，而不是单个标签和字段。

Answer 1

快速解决方法是通过使用%%html单元格更改CSS来增加标签宽度：

%%html
<style>
.widget-hlabel {
    /* Horizontal Label */
    min-width      : 10ex;
}
</style>

在IPython笔记本中对齐TextBox小部件

1 个答案: