html - html 强制 div 为父级高度的 100% 并将图像放在其中间

Question

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

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

有任何想法吗？

Answer 1

in your case it's better to use table instead of div because any change in some cell inside certain row will effect the other cells.. try this code it may do the job

<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

Add this to your css:

margin: auto;
padding: auto

Answer 3

我不确定你所说的“100% 的高度”是什么意思，这无关紧要，但我只会使用 css“margin”属性，并根据父级为其分配百分比（不是像素）尺寸。它可能不是您要找的东西，但它以前在网站上保存了我的屁股，这可能是最简单的方法。