Css 在一个div中垂直对齐多个图像

我试图在一个div中垂直对齐/居中一些图像。这不是100%正确。这些图像的某些像素太低，无法垂直居中。为什么呢

.Container
{   
    width:280px;
    position:fixed;
    border:1px solid blue;
    left:0px;
    text-align: center;
    line-height:84px;
}

.Container input[type=image]
{
   vertical-align:middle;
}

更新：

更新2：图像在js FIDLE中无效

---

在这里，您可以看到图像和上边框之间的间隙。

经过一些研究，我发现了另一个有关stackoverflow的问题：

浏览器似乎在线条上方/下方渲染了额外的空间，因此您可能需要调整线条高度，以下是exmaple：

因此，如果要调整垂直额外空间，可以执行以下操作：

.boxWithVerticalCenteredContent {
    height: 4em;
    line-height: 3.6em;
}

---

我知道，这不是完全居中的，它的高度是固定的，但是如果你想绝对居中，你可能需要使用

位置：绝对
和
上、下、左、右
不需要任何行高css。可以使用
display:table
和
display:table单元格
样式垂直对齐div。
.ButtonBarDiv
的高度被夸大，以表明它们都垂直居中

每行一张图片：

同一行上的图像：
在IE11中，接受的解决方案对我不起作用

我找到了一本很棒的书

这在Chrome和IE11中适用
线条高度需要>居中的最高元素

#Parent{
    line-height: 200px; // > the highest element to be centered.
}

.parent img {
    vertical-align: middle;
}

仅适用于现代浏览器，但：

.elementToAlign{
position: relative;
top: 50%;
transform : translateY(-50%);
}

你能发布你的HTML或者展示你的问题吗？给我一点时间，我做一个提琴…你确定这些图片没有让它们看起来偏离中心的东西吗？例如，在页面的白色背景上，图片底部的白色背景可能会让它看起来很时髦。我用小提琴更新了我的init帖子。你试过这个资源吗？感谢Omega，我使用了您的代码并更改了我的示例以使其正常工作：不用担心，很乐意提供帮助。