如何在React中居中按钮

Question

我尝试了以下内容，但它不起作用

<button style = {{display: 'flex', flexDirection: 'column', alignItems: 'center'}} onClick = {this.scream} >Submit</button>

Answer 1

您应该在元素的容器中添加flexDirection和alignItems，而不是元素本身。

您可以在https://developer.mozilla.org/en-US/docs/Web/CSS/flex

了解有关flex的更多信息