Css 如何选择元素

我试图将React-select元素放在页面的中心。（请注意，我没有尝试将文本/菜单居中，但我尝试将选择框居中）

内联样式不适用于我，因此我添加了一个div标记，并能够控制宽度，如下所示：

<div style={{width: '300px'}} >
                    <Select options={selectOptions} value={selectedOption} onChange={this.handleChange}/>
</div>

但我无法将select元素居中

---

这方面有什么帮助吗？

好吧，这可以通过使用一些CSS属性轻松解决。 您知道，我确信，

display:flex，justify content:'center'，align items:center

将按照您的意愿工作

<div style={{width: '300px', display: 'flex', justify-content: 'center', align-items: 'center'}} >
                    <Select options={selectOptions} value={selectedOption} onChange={this.handleChange}/>
</div>

---

添加保证金左侧修复了我的问题：