为什么textAlign或align在reactjs中不起作用

Question

我试着通过我的App.css文件来实现它，然后我尝试了内联样式，但它仍然无法将按钮对准屏幕中心。

import React, { Component } from 'react';
import './App.css'
class Body extends Component {
btn = {

}
render() {
return (
<div>
<button style={{textAlign:'center'}}>Get Started</button>
</div>
);
}
}
export default Body;

Answer 1

我遇到了一个类似的问题，在使用"semantic ui react"Header组件时，内联样式不起作用。但是在将Header组件封装在中并在上应用textAlign: 'center'样式之后，它就工作了。