【路一直都在】----img标签垂直居中问题

先上代码

.dianshang ul li a {

　　height: 100px;

　　vertical-align: middle;

　　display:  table-cell;

       width:  174px;

　　text-align: center;

}

.dianshang ul li img {

　　 width: 80%;

}

 

 

本人很菜 自学成菜    刚开始一直弄不出来 img能做到水平居中 但是垂直就没做出来 图片的大小都不统一的

 

最后弄出来了  虽然百度的  但是效果达到了 

 

img垂直居中     img父级元素  使用 vertical-align:middle和display：table-cell; 能达到垂直居中的效果;

 

刚刚百度了一下  都说这个方法很老

 

有没有大神推荐好的方法哎

转载于:https://www.cnblogs.com/Porsche911/p/7095669.html