CSS样式-图片居中显示

前言

  在前端开发的过程中，越来越体会到css样式的重要性。

实现效果

  
  html代码：

<img src="../../assets/pictures/fail.png" style="width: 60px; height: 60px;" class="btnfail"  />

  是不是想到使用text-allign:center，但是使用text-allign:center的效果如下：
  
  加上vertical-align: center;的效果还是上图这样，所以那应该如何实现呢？

  成功实现的CSS代码：

.btnfail{
    display: block; 
    margin:auto; 
    margin-top: 15%;
}

结语

  很简单的小功能，你有没有想到这样实现呢？