Question

我搜索并搜索并尝试了不同的技术，但没有任何效果。

我有3列，在左右列中我有一个图像需要垂直对齐中心以及水平到中心。但是，我的中间内容div延伸了一点。所以我希望我的2列符合高度。这3列包含在另一个div中。

有什么想法吗？

Answer 1

在你的情况下，最好使用table而不是div，因为某些行中某些单元格的任何变化都会影响其他单元格。试试这段代码它可以完成这项工作

<div style="border:1px black solid; width:850px; margin:auto">
  <table style="border:1px red solid; width:100%; height:500px; text-align:center" cellspacing="0">
    <tr>
      <td style="border:1px lime solid">1</td>
      <td style="border:1px lime solid">2</td>
      <td style="border:1px lime solid">3</td>
    </tr>
  </table>
</div>

Answer 2

我不确定你的意思是“100％的高度”，这应该不重要，但我只是玩css“margin”属性，并为它分配百分比（不是像素）在父母大小。它可能不是你想要的，但它之前在网站上保存了我的屁股，这可能是最简单的方法。

Answer 3

将此添加到您的css：

margin: auto;
padding: auto

html force div为父级高度的100％，并将图像放在中间位置

3 个答案: