将div定位在中心但具有动态高度？

Question

我想在页面中间放置一个div.我在互联网上找到的解决方案假设div将是静态大小.我需要div在中间,如果内容是正确的大小,但如果它超过div的大小,它应该变得更大,并最终允许滚动而不改变宽度.

PS:我不需要支持IE,只需要XULRunner(Firefox)和基于Webkit的浏览器.

编辑:整个页面必须是可滚动的,而不仅仅是内容div.我需要保留所有的换行符.

Answer 1

干得好：

<style>
    .container{
        border: 1px solid Red; 
        width: 300px; 
        height: 500px;
        display:table-cell;
        vertical-align:middle;
    }
    .content{
        border: 1px solid Blue; 
        width: 100px; 
        height:auto;
        min-height: 100px;
        max-height:200px;
        margin-left:auto;
        margin-right:auto;
        overflow:auto;
    }
</style>
<div class="container">
    <div class="content">
        add content here
    </div>
</div>

看起来如何：

测试一下。