python破折号中的子图(侧到侧)

python破折号中的子图(侧到侧),python,css,plotly,plotly-dash,graph-visualization,Python,Css,Plotly,Plotly Dash,Graph Visualization,上面的代码应该是这样并排的: 但不幸的是,我变得如此:从我的一位同事那里得到了解决方案 import dash import dash_html_components as html import dash_core_components as dcc app = dash.Dash() app.layout = html.Div([ html.Div([ html.Div(dcc.Graph(id='g1', figure={'data': [{'y': [1, 2

上面的代码应该是这样并排的:


但不幸的是,我变得如此:

从我的一位同事那里得到了解决方案

import dash
import dash_html_components as html
import dash_core_components as dcc

app = dash.Dash()
app.layout = html.Div([
    html.Div([
        html.Div(dcc.Graph(id='g1', figure={'data': [{'y': [1, 2, 3]}]}), className="six columns",style={"width": 500, "margin": 0}),

        html.Div(dcc.Graph(id='g2', figure={'data': [{'y': [1, 2, 3]}]}), className="six columns",style={"width": 500, "margin": 0}),

    ], className="row")
])

if __name__ == '__main__':
    app.run_server(debug=True)

可能您的屏幕不够宽,因此它添加了换行符…请尝试减小宽度
import dash
import dash_html_components as html
import dash_core_components as dcc
app = dash.Dash()
app.layout = html.Div([
    html.Div([
        html.Div(
          dcc.Graph(id='g1', 
                    figure={'data': [{'y': [1, 2, 3]}]}), 
                    className="six columns",
                    style={"width":500, "margin": 0, 'display': 'inline-block'}
                ),
        html.Div(
          dcc.Graph(id='g2', 
                    figure={'data': [{'y': [1, 2, 3]}]}), 
                    className="six columns",
                    style={"width":500, "margin": 0, 'display': 'inline-block'}
                ),
    ], className="row")
])
if __name__ == '__main__':
    app.run_server(debug=True)