如何居中按鈕陣營

Question

我曾嘗試以下，但它不工作

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

Answer 1

你應該在元素的容器中加入flexDirection和alignItems，而不是元素本身。

您可以瞭解更多關於flex在https://developer.mozilla.org/en-US/docs/Web/CSS/flex