<Button style={{ display:'block',marginTop: 20, marginLeft: 'auto', marginRight: 'auto' }} onClick={() => submit()}>
提交
</Button>
由于是行内元素,先设置按钮的display:block,margin设置左右‘auto’,水平居中
css按钮居中
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 最近写网页经常需要将div在屏幕中居中显示,遂记录下几个常用的方法,都比较简单。 水平居中直接加上 标签即可,或者...
- 一.水平居中 (1)行内元素解决方案:父为块元素+text-align: center 只需要把行内元素包裹在一个...
- 通过上篇css 的规律摸索之路(一)css之三角形的规律及变化,我们已经知道css三角形是怎么回事,现在我们来看看...
- CSS水平居中6种方法 与 CSS水平垂直居中7中方式 一: 水平居中 1. margin: 0 auto (设置...
- 一: 水平居中 1. margin: 0 auto (设置当前元素) 2. 父元素设置: text-align:...