答案 0 :(得分:8)
答案 1 :(得分:4)
您应该使用新的CSS3功能,在本例中为flexbox
a,button {
-moz-box-sizing: border-box;
width: 150px;
height: 150px;
display:flex;/*CSS3*/
align-items:center;/*Vertical align*/
justify-content:center;/*horizontal align*/
border: 1px solid #000;
}

<a href="#"><span>Testing 1,2,3</span></a>
<button><span>Testing 1,2,3</span></button>
&#13;
就这么简单
随意使用,所有浏览器都支持caniuse.com/#search=flex
同时查看免费且优秀的课程flexbox.io/他是本课程中最好的老师
同时查看css-grid,也是CSS3中的新内容
答案 2 :(得分:1)
.myButton{
display:inline-block;
vertical-align:middle;
}
.fa{
vertical-align:middle;
}
对不起,即使你将保证金应用到.myButton