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

Posted 2020-09-25

先上代码

.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; 能达到垂直居中的效果;

 

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

 

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