第 192 行格式错误的 HTML

如何解决第 192 行格式错误的 HTML

我已经尝试解决这个问题几个小时了，但我无法弄清楚这个 HTML 有什么问题。在最后一个 "className="row flex-display" 抛出语法错误。我试过用 HTML 解析器清理它，但没有用，并且一直试图找出括号丢失的位置，但是想不通。有人能帮我看看我遗漏了什么吗？

# Create app layout
app.layout = html.Div(
    [
        #         dcc.Store(id="aggregate_data"),# empty Div to trigger javascript file for graph resizing
        html.Div(id="output-clientside"),html.Div(
            [
                html.Div(
                    [
                        #                         html.Img(
                        #                             src=app.get_asset_url("dash-logo.png"),#                             id="plotly-image",#                             style={
                        #                                 "height": "60px",#                                 "width": "auto",#                                 "margin-bottom": "25px",#                             },#                         )
                    ],className="one-third column",),html.Div(
                    [
                        html.Div(
                            [
                                html.H3(
                                    "Tiny House Nation: The sql",style={"margin-bottom": "0px"},#                                 html.H5(
                                #                                     "Production Overview",style={"margin-top": "0px"}
                                #                                 ),]
                        )
                    ],className="one-half column",id="title",html.Div(
                    [
                        html.A(
                            html.Button("Update",id="learn-more-button"),href="https://plot.ly/dash/pricing/",)
                    ],id="button",],id="header",className="row flex-display",style={"margin-bottom": "25px"},html.Div(
            [
                html.Div(
                    className="pretty_container four columns",id="cross-filter-options",html.Div(
                    [
                        html.Div(
                            [
                                html.Div(
                                    [
                                        html.H6(id="well_text"),html.P("No. of Tiny Homes"),id="wells",className="mini_container",html.Div(
                                    [html.H6(id="gasText"),html.P("Average Area")],id="gas",html.Div(
                                    [html.H6(id="oilText"),html.P("Average Price")],id="oil",html.Div(
                                    [
                                        html.H6(id="waterText"),html.P("Average Price per Sq. Ft."),id="water",id="info-container",className="row container-display",id="right-column",className="eight columns",html.Div(
            [
                html.Div(
                    [
                        html.H1(children="Tiny House Clusters"),html.Iframe(
                            id="tiny-cluster-map",srcDoc=open("Tiny_House_Cluster.html","r").read(),width="100%",height="600",className="pretty_container twelve columns",html.Div(
            [
                html.Div(
                    [
                        dcc.Dropdown(
                            id="selected_variable",options=[{"label": k,"value": k} for k in indicators],value="rolling_avg_price",dcc.Graph(
                            id="tiny-line-chart",className="pretty_container five columns",html.Div(
                    [dcc.Graph(id="tiny-pie-graph",figure={"data": [trace3]})],className="pretty_container three columns",html.Div(
                    html.Div(
                    [
                        html.H1(children="Tiny House Growth Over Time"),html.Iframe(
                            id="tiny-scatter-map",srcDoc=open("Tiny_House_Scatter.html",className="pretty_container six columns",html.Div(
                    [
                        dcc.Dropdown(
                            id="selected_variable",id="mainContainer",style={"display": "flex","flex-direction": "column"},]
)