在“瀏覽器”窗口中將Div垂直對齊（-不在其他元素內）

Question

我有一個div，我想一直垂直對齊瀏覽器窗口高度的50％。

我不知道瀏覽器窗口的高度在任何時候都應該是什么，用戶是否應該縮放該窗口。 如果將它放置在另一個元素中是必要的，那很好，但是正如剛剛指定的那樣，我不知道任何時候視口有多高。

我也不會使用javascript。

我已經閱讀了該站點，我一直在尋找解決方案，但是我真的想（再次）將其扔在那里，因為我還沒有找到可以完全做到這一點的解決方案，無論是通過鈎子還是通過彎曲。

謝謝。

Answer 1

您沒有指定高度是否固定？ 如果是這樣，那么您可以使用一個元素執行此操作，只需添加以下示例CSS：

.centered {
  height: 100px;
  width: 100%;
  background: red;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -50px; /* half the height of the element */
}

您可以使用多種技術，具體取決於您要如何實現它。 一些（舊的），但仍然相關閱讀這里 。