如何在 IE7 中垂直对齐内联 div 元素？-解网

问：

我正在 MMC 管理单元中加载 HTML 页面。它使用 IE7。如何将 div 标签内的元素 a 和 img 与样式垂直对齐？div 元素具有一定的高度。由于我使用的是较旧的IE版本（IE7），因此不支持display：flex;display:inline

如果我使用行高，文本显示垂直对齐，但 div 元素内的元素 a 和 img 不垂直对齐。我的 div 应该是内联的。请帮帮我。

.Parent {
  width: 700px;
  Height: 50px;
  background-color: red;
}

.child1 {
  width: 200px;
  display: inline;
  text-align: center;
  line-height: 30px;
  height: 30px;
  vertical-align: middle;
  background-color: green;
  border-right: 1px solid yellow;
}

.child2 {
  width: 200px;
  display: inline;
  text-align: center;
  line-height: 30px;
  height: 30px;
  background-color: green;
  border-right: 1px solid yellow;
}

<div class="Parent">
  <div class="child1">
    <a href="" style="padding-left: 5px;padding-right: 5px;"><img height="12" src="img1.png" width="12" id="ImageBeginning" alt="Text"></a>
    <a href="" style="padding-left: 5px;padding-right: 5px;"><img height="12" src="img2.png" width="12" id="ImageLeft" alt="Text"></a>
    <a href="" style="padding-left: 5px;padding-right: 5px;"><img height="12" src="img3.png" width="12" id="ImageRight" alt="Text"></a>
    <a href="" style="padding-left: 5px;padding-right: 5px;"><img height="12" src="img4.png" width="12" id="ImageEnd" alt="Text"></a>
  </div>
  <div class="child2">Dynamic Text</div>
</div>

HTML CSS 互联网浏览器-7

如何在 IE7 中垂直对齐内联 div 元素？

How can I align inline div elements vertically in IE7?

评论