本文讲述了在使用Flexbox布局时遇到的在iOS 9.0 Safari中button元素内部元素无法居中的问题。通过研究发现，button、fieldset和legend在某些浏览器不支持display属性修改，导致Flexbox失效。解决方案是利用button内部的子元素如div或span来实现Flexbox布局，或者直接使用内联样式使button内容居中。
（一）前言
常规flex布局，之前就已经介绍过了，那么，其实之前，在封装项目button的问题中，我几乎都是基于div，为其提供loading，disabled，这些效果，但是比较麻烦是，在onClick事件中，我必须为其loading和disbaled的拦截，然后，我尝试了，使用button的disable来为其提供禁用，但是噩梦也由此而来，在使用flex定位内部元素居中时候，测试提供ios 9.0版本的safair内部元素未居中对齐，当我拿到测试机进行复现时候，发现确实如此，当然，对于平时开的谷歌移动模式肯定是正常显示。
（二）解决过程
这时候，我意识到，这肯定是button按钮，因为ios出现兼容问题，于是，在我谷歌搜索问题（flexboxnot working on button）的时候，发现在stackoverflow，真有相关问题，链接如下
回答者解释到，button/fieldset/legend 都出现
最低0.47元/天 解锁文章
扫一扫
336
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
