图标文字水平对齐方法总结

1.伪元素写图标

<span class="text"></span>

.text:before{

　　content:url(icon);

}

将图标放在伪元素里面，与文字对齐

2.flex

元素不能是inline，都是inline-block或block

3.模拟table

父元素display:table，子元素display:table-cell