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

时间：2017-06-29 19:11:04 阅读：128 评论：0 收藏：0 [点我收藏+]

先上代码

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

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

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

原文地址：http://www.cnblogs.com/Porsche911/p/7095669.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行