我知道有多种方法可以垂直对齐div中的图像，如此处已指出的：如何垂直对齐div中的图像
不过，从我自己的测试来看，我很好奇为什么粘贴到.htm文件并在Chrome 39或IE 11中打开时，下面的内容似乎不对齐，但是在JSFiddle中可以正常使用：http：// jsfiddle .net / 4RPFa / 6908 /
我完全缺少什么东西吗？
谢谢。
<html>
<head>
<title>test</title>
</head>
<body>
<div style="height: 300px; line-height: 300px;background-color:green;">
<img width="70" height="70" style="vertical-align:middle; background-color:blue;" alt="" src="image.png">
</div>
</body>
</html>
在此特定情况下，它在小提琴之外呈现不同的原因是由于它们正在使用<!DOCTYPE html>，而您正在使用<html>（怪癖模式）。随时尝试。
您可以在此处阅读更多有关怪癖模式的怪异信息：http : //www.cs.tut.fi/~jkorpela/quirks-mode.html
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句