解决 Material Icons 无法对齐文本的问题

使用Material Icons图标字体，经常遇到图标与文字很难对齐，下面就是图标与文本对齐的方法：

.material-icons {
...
display: inline-block;
font-size: inherit;
line-height: inherit;
vertical-align: middle;
transform: translateY(-.1em);
...}