解决div里面的img上下居中问题。 <style> .Box{ width:200px; height: 200px; text-align: center; } //这里图面我自己限制了下大小,当然你可以不限制啦 ~ .Box img{vertical-align: middle; max-width: 200px; max-height: 200px;} .Box span{ width: 0; height: 100%; overflow: hidden; display: inline-block; vertical-align: middle; } </style> <body> <div class="Box"> <img src="img.png"><span></span> </div> </body>
DIV中图片上下居中解决方案
最新推荐文章于 2024-06-04 15:43:57 发布