python dash html.table_如何用Python+Dash+Plotly将表格移到网页中间？

我想把一个表移到网页的屏幕中间。我有以下代码：import dash

import dash_core_components as dcc

import dash_html_components as html

import pandas as pd

df = pd.read_csv(

'https://gist.githubusercontent.com/chriddyp/'

'c78bf172206ce24f77d6363a2d754b59/raw/'

'c353e8ef842413cae56ae3920b8fd78468aa4cb2/'

'usa-agricultural-exports-2011.csv')

def generate_table(dataframe, max_rows=10):

return (

# Header

html.Table([html.Tr([html.Th(col) for col in dataframe.columns])] +

# Body

[html.Tr([

html.Td(dataframe.iloc[i][col]) for col in dataframe.columns

]) for i in range(min(len(dataframe), max_rows))]

))

app = dash.Dash()

app.layout = html.Div(children=[

html.Div([dcc.Input(id='my-id1', value='initial value', type='text')]),

html.Div([dcc.Input(id='my-id2', value='initial value', type='text')]),

html.Div([dcc.Input(id='my-id3', value='initial value', type='text')]),

html.H4(children='US Agriculture Exports (2011)'),

generate_table(df)

])

app.css.append_css({

'external_url': 'https://codepen.io/chriddyp/pen/bWLwgP.css'

})

if __name__ == '__main__':

app.run_server(debug=True)

这使得网页看起来像这样：

但我希望它看起来像这样：

我尝试过使用'margin top'和'margin left'来移动表格和输入框，但是它们不能按我想要的方式工作。他们创造了很多空白，这不是我想要做的。我只想把表格移到页面的中间，然后把输入框放下来。在

我试着用我读到的“专栏”来组织网页，但也没用。会不会是因为那张精心设计的桌子不适合达什？在

这个问题还有别的解决办法吗？在

提前谢谢。在