标签和破折号组件并排

Question

我正在使用Dash。我要做的一件事是并排放置标签和滑块。以下代码呈现了这一点。我该怎么做代码，以便滑块标签和滑块并排显示。谢谢。

                                    html.Div(
                                    [
                                        html.Label("First Slider"),
                                        dcc.RangeSlider(
                                            id="my-range-slider",
                                            # label="Slider 1",
                                            min=0,
                                            step=0.01,
                                            max=1,
                                            value=[0.2, 0.8],
                                            marks={0: "0", 1: "1"},
                                            allowCross=False,
                                        ),
                                    ],
                                    className="rows",
                                ),
                                html.Div(
                                    [
                                        html.Label("Second Slider"),
                                        dcc.RangeSlider(
                                            id="my-range-slider1",
                                            # label="Slider 1",
                                            min=0,
                                            step=0.01,
                                            max=1,
                                            value=[0.2, 0.8],
                                            marks={0: "0", 1: "1"},
                                            allowCross=False,
                                        ),
                                    ],
                                    className="rows",
                                ),

Answer 1

Flexbox将轻松完成该任务。确保每个包含div的style=dict(display='flex')，并确保有足够的水平空间。