ipywidgetsの退室と置き換え方法

Question

ipywidgetsの配置と配置を制御する方法はありますか（jupyterノートブック内）？

from ipywidgets import widgets 
from IPython.display import Javascript, display 
event_type_ui = widgets.Text(value='open', description='Test Event') 
platform_ui = widgets.Text(value='Android', description='Control Event') 
display(event_type_ui) 
display(platform_ui) 

私はラベルが収まるようにして2つのコントロールが縦に並ん持つことができるように、オフセット（ピクセル単位？）を指定したいと思います。 ipywidgetsため

Answer 1

いくつかのあいた後、私はこれを取得することができた。後

：：前

を興味があればここで

は、コピー＆ペーストの抜粋です：

from ipywidgets import widgets 
from IPython.display import Javascript, display 

align_kw = dict(
    _css = (('.widget-label', 'min-width', '20ex'),), 
    margin = '0px 0px 5px 12px' 
) 
platform_ui = widgets.Dropdown(description = 'platform',options=['iPhone','iPad','Android'], **align_kw) 
event_type_ui = widgets.Text(value='open', description='Test Event', **align_kw) 
os_version_ui = widgets.Text(value='iOS9', description='Operating System', **align_kw) 
refresh_ui = widgets.Checkbox(description='Force Refresh', **align_kw) 

display(platform_ui,event_type_ui,os_version_ui,refresh_ui) 

Answer 2

layout and styling documentationは言う：

すべてJupyterインタラクティブウィジェットは、ウィジェットがレイアウトされているどのような影響CSSプロパティの数を露出させたレイアウト属性を持っています。

私はラベルを揃えるにそれをなだめすかすことができました：

しかし、一般的に、私たちのように見えるしていません：生産これまで

from ipywidgets import Text, HBox, VBox, Box from IPython.display import display widget1 = Text(value='Cats', description='Test Event', layout='margin-right:5px') widget2 = Text(value='Oranges', description='Another Test Event') widget1.width = '200px' widget2.width = '150px' display(VBox([widget1, widget2]))

説明ラベルのレイアウトプロパティを直接ターゲットにすることができます。