写代码的时候，写着写着就会觉得自己之前的代码就像shit山。
问题
最近在重构项目，发现按钮对不齐正中间的问题
原来使用的是margin:0 auto;但是没有宽高并不会生效
给与固定的宽高还会导致对不齐
虽然看着不违和，但是跟随用户的显示器尺寸不同，按钮一定会错位的。比如这样
上图是125%缩放尺寸
如何解决？？
将margin:0 auto;换为text-align: center即可。
基础不牢，牢底坐穿。
区别？
对于行内元素
text-align: center即可
对于确定宽度的块级元素：
width和margin实现。margin: 0 auto;
绝对定位和margin-left: -width/2, 前提是父元素position: relative
对于宽度未知的块级元素
table标签配合margin左右auto实现水平居中。使用table标签（或直接将块级元素设值为display:table），再通过给该标签添加左右margin为auto。
inline-block实现水平居中方法。display：inline-block和text-align:center实现水平居中。
绝对定位+transform，translateX可以移动本身元素的50%。
flex布局使用justify-content:center
盗张掘金的图
