垂直和水平对齐框中的图像
问题：
我有一个设置的宽度和高度图像可以说 height:160px;宽度：200px；每个框中都有一个图像。
图像的大小可能会有所不同，但我需要一个解决方案，无论图像大小如何，它始终将图像在框内垂直和水平居中。
使用 margin: 0 auto 水平似乎不是问题，但事实证明垂直很困难。我已经尝试过垂直对齐：居中但这似乎也不起作用
任何帮助都得到了应用 谢谢
The problem:
I have a set width and height image Lets say height:160px; width:200px; with an image in each box.
The image can vary in size but I need a solution that will always center the image vertically and horizontally within the box no matter what it's size.
Horizontal doesn't seem to be a problem by using margin: 0 auto but vertical is proving difficult. I have tried vertical align: center but this doesnt appear to work either
Any help is appriciated
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
center不是vertical-align的有效值（您可能将其与middle混淆）。尽管如此，vertical-align在这里并不是正确的方法，而且常常是一个被误解的属性。我曾多次推荐以下网站，它也应该对您有所帮助：http: //phrogz.net/css/vertical-align/index.html
centeris not a valid value forvertical-align(you're probably confusing it withmiddle). Still,vertical-alignisn't the correct method here and is often a misunderstood property. I've recommended the following site a few times and it should help you, too:http://phrogz.net/css/vertical-align/index.html