首页 > 代码库 > 【路一直都在】----img标签垂直居中问题

【路一直都在】----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; 能达到垂直居中的效果;
 
刚刚百度了一下  都说这个方法很老
 
有没有大神推荐好的方法哎

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