javascript - React-Toolbox 复选框内联

Question

我目前正面临 react-toolbox-checkboxes 的问题 https://github.com/react-toolbox/react-toolbox/tree/dev/components/checkbox在尝试像这样内联显示它们时:

但我所能做的就是像这样显示它们:

代码如下所示:

           <Checkbox
                checked={this.state.checkboxes[0].task}
                label={t('search:instance_template.task')}
                onChange={() => {
                    this.handleCheckboxChange(0, 'task')
                }}
            />

像这样的样式:

input[type="checkbox"]{
    display: inline-block;
}

复选框确实接收类和属性，但像“display: inline-block”这样的属性对它们没有任何影响。有任何想法吗？谢谢!

Answer 1

[阅读目的] 链接两页也将有助于了解每种风格的工作方式。 Flexbox , CSSFlexbox

与问题相关的示例。