0

我正在使用 Michał Czernow 在 CSS Tricks 上发布的技术垂直对齐 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）？

提前致谢！

4

1 回答 1

0

min-height:100%? 除非我遗漏了什么，否则这似乎是一个简单的解决方案。

于 2013-06-05T19:53:57.427 回答