Css 引导4：垂直对齐圆形按钮中的图像

我有一个圆形按钮，需要在它的中心有一个加号图像。问题是，我似乎无法垂直对齐图像，而不借助于弄乱边缘

有没有一种更简单的引导方式

这是我的密码：

.btn圆{
背景颜色：蓝色；
高度：60px；
宽度：60px；
边界半径：50%；
}
/*按钮应该是一个圆形，但由于某些原因，它没有像此代码片段中那样显示*/

这就是你想要实现的目标吗？我将

垂直居中，一种方法是使


使用适当的util类来集中：
justify资源中心对齐项目中心


.btn圆{
背景颜色：蓝色；
高度：60px；
宽度：60px；
边界半径：50%；
显示器：flex；
对齐项目：居中；
}
就是这样！谢谢，齐姆！
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)

<a class="btn btn-circle mr-3 d-flex justify-content-center align-items-center" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample"><img src="https://res.cloudinary.com/dt9b7pad3/image/upload/v1499509391/58a2031e6af142ce619ba2a2_plus-symbol_y6vqca.svg" class="" height="20"></a>