2. 内联元素⽔平居中
代码很简单，⽽且没什么兼容性问题，所以通常也不需要⽤别的复杂⽅式来实现⽔平居中效果。
2. margin+ position:absolute布局
position: absolute布局的元素，通过设置top/bottom, left/right这两对属性，可以让元素在垂直⽅向和⽔平⽅向分别具有了⾃适应的特
css设置文字垂直居中兼容性很好，IE8以上⽀持。
3. transform + absolute
这个⽅法有个⼩缺陷，就是translate函数的参数，最后的计算值不能为⼩数，否则有的浏览器渲染出来效果会模糊，所以使⽤本⽅法的话最好设置⼀下宽⾼为偶数。
5. absolute + calc
从上两种⽅法可以看到，absolute设置了left和top再通过平移或者margin将元素重新定位回去。如果我们直接可以计算出正确的left和top
6. line-height + vertical-align
vertical-align是⼀个作⽤于内联元素的属性。内联元素的特性是会和其它内联元素或者⽂字在同⼀⾏显⽰，但是默认情况下是与⽗元素“基
以上⼏种⽅法各有不同的适⽤条件，因此也有不同的优缺点，下表对各种⽅法进⾏了⽐较：
⽅法条件兼容性flex布局⽆IE10+margin + absolute知道⼦元素宽⾼IE8+transform + absolute⽆，⼦元素宽⾼应为偶数

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。