关于对img垂直居中问题

来源:2-8 主体部分的底部

慕仔2276916

2019-07-08 11:05:12

老师我想请问一下如何对一个div中的未知宽高的img元素实现垂直居中?如果是已知宽高的img元素呢?

为什么对于未知宽高的img元素设置vertical-align:middle;没有任何效果?

写回答

1回答

好帮手慕码

2019-07-08

同学你好!

(1)div中的未知宽高的img元素实现垂直居中

http://img.mukewang.com/climg/5d22ed1100012ad103520429.jpg

(2)已知宽高的img元素 :

http://img.mukewang.com/climg/5d22ed770001b01d03520426.jpg

(3)vertical-align:middle可以这么实现:

父元素添加 display:table-cell 将其作为单元格显示,这样vertical-align:middle才能生效

http://img.mukewang.com/climg/5d22ede1000188db03470363.jpg

工作中常用的是方法一二哦~

如果帮助到了你 欢迎采纳 祝学习愉快~

0

0 学习 · 40143 问题

查看课程