Question

我使用MichałCzernow在CSS技巧上发布的技术垂直对齐div：

HTML

 <div class="block">
    <div class="centered">
        Unknown stuff to be centered.
    </div>
 </div>

CSS

 /* This parent can be any width and height */
 .block {
   text-align: center;
 }

 /* The ghost, nudged to maintain perfect centering */
 .block:before {
   content: '';
  display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em; /* Adjusts for spacing */
 }

 /* The element to be centered, can
    also be of any width and height */ 
 .centered {
   display: inline-block;
   vertical-align: middle;
   width: 300px;
 }

http://css-tricks.com/centering-in-the-unknown/

此方法效果很好，但是，如果我的内容超出浏览器窗口的高度，则内容会在其div之外中断。

我的问题是这个。有没有办法保持高度：100％，但使高度：自动超过浏览器高度的div（如果可能没有js）？

提前致谢！

Answer 1

min-height:100%？看起来像一个简单的解决方案，除非我遗漏了什么。

如果需要，使垂直对齐的Div超过100％

1 个答案: