Javascript 在一个div内垂直扩展两个图像

我在一个固定大小的分区内有两个相似的图像。图像一个放在另一个下面。我想垂直传播图像，以便一个img粘贴到顶部，另一个粘贴到底部

<div style='text-align: center; border: 1px solid black;'>text
    <div style='border:1px solid black;height: 150px;'>
        <img style='float: left; clear: both;' src='http://iconizer.net/files/Sketchdock_Ecommerce_Icons/orig/arrow-up-blue.png'>
        <img style='float: left; clear: both;' src='http://iconizer.net/files/Sketchdock_Ecommerce_Icons/orig/arrow-down-blue.png'>
    </div>
</div>

文本

---

你应该提供更多有关情况的信息。例如，如果图像具有相同的调光效果，则更容易解决此问题，如果它们具有不同的调光效果，则需要在实现所需结果之前进行一些css调整。

@Teemu是正确的

• 添加

  位置：相对到父分区

• 添加

  位置：绝对位置；
  底部：4px；左：0至秒
  img

运行下面的代码段：

文本

你有例子吗？您希望它们均匀分开，还是希望一个粘在顶部，另一个粘在底部？我们需要更多的信息……让我们假设它们大小相同。