Javascript 显示内联块时调整不同元素的垂直位置

我有一堆img元素，我想在div中的一行中显示。所以我做了类似的事情

css:

#imageContainer {
            height: 90px;
            padding-left: 50px;
            padding-right: 50px;
            text-align: justify;
            text-justify: distribute-all-lines;
        }

                #imageContainer > img {
                    /*width: 150px;
                    height: 125px;*/
                    /*vertical-align: middle;*/
                    display: inline-block;
                    *display: inline;
                    zoom: 1;
                }

                #imageContainer:after {
                    content: '';
                    width: 100%;
                    display: inline-block;
                    font-size: 0;
                    line-height: 0;
                }
    html:
            <div id="imageContainer">
                <img class="imageOne" src="images/sample2.jpg" />
                <img class="imageTwo" src="images/sample.jpg" />
            </div>

css:
#图像容器{
高度：90px；
左侧填充：50px；
右边填充：50px；
文本对齐：对齐；
文本对齐：分布所有行；
}
#imageContainer>img{
/*宽度：150px；
高度：125px*/
/*垂直对齐：中间对齐*/
显示：内联块；
*显示：内联；
缩放：1；
}
#图像容器：之后{
内容：''；
宽度：100%；
显示：内联块；
字号：0；
线高：0；
}
html:

这将确保无论我在div中放入多少img标签，它都将均匀分布在整个屏幕宽度上。现在我想做的是能够调整不同元素的垂直位置。我试图在单个img标签中添加填充，但这将调整整行的位置。有办法解决这个问题吗

JSFiddle：

更新：

目前发现了两种解决方案：

不要使用显示内联块，使用float并执行类似的操作 但这意味着要实现一系列代码来实现自动边际调整

通过一点技巧，我解决了这个问题，在每个img元素周围环绕一个div，并将displayinlineblock应用于div而不是img。然后在每个div中，我可以应用边距top来调整高度。上面的JSFIDLE链接已更新

---

对于您希望提升或降低的图像，您可以执行以下操作

margin-top:1em; margin-bottom:-1em

添加溢出：对

#imageContainer可见。

同时添加

位置：相对当定位元素时，它们需要一个位置集，其父元素也需要一个位置集

#imageContainer {
            position:relative;
            height: 90px;
            padding-left: 50px;
            padding-right: 50px;
            text-align: justify;
            text-justify: distribute-all-lines;
            overflow:visible
        }

     #imageContainer > img {
                position:relative;
                /*width: 150px;
                height: 125px;*/
                /*vertical-align: middle;*/
                display: inline-block;
                *display: inline;
                zoom: 1;
            }

你在另一边加的和减去的一样

position: relative;
top: the-amount-that-you-want-it-to-move;

“相对”将使它在其他元素中显示，就像它仍然在没有它的地方一样，但它的可见部分将根据顶部、底部、左侧和右侧移动。
你能把它放在小提琴中吗？
margin
能解决您的问题吗？这有帮助吗？单个元素的放置边距将应用于整行
溢出：可见
？这不是默认值吗？不总是。您希望能够在不改变父容器css属性的情况下超越父容器。这就是我所展示的。我可能需要更多的信息来帮助这个人。