先上代码
.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; 能达到垂直居中的效果;
刚刚百度了一下 都说这个方法很老
有没有大神推荐好的方法哎
时间: 2024-10-11 10:48:17