中心內容水平和垂直滾動條？

Question

我有一個div的寬度：400px和高度：300px div裏面我會插入一些文本，應該對齊horizo​​ntaly和verticaly。

如果div內的文字大於div，它應該顯示滾動條。這裏是一個圖片，顯示我的意思：

Answer 1

中的WebKit以下工程& GEKO & IE8向上。嘗試使用這些技術垂直居中，如果你需要舊式IE兼容性：http://blog.themeforest.net/tutorials/vertical-centering-with-css/或Vertically and Horizontally Center Image inside a Div, if you don't know Image's Size?

<div style="height:300px; overflow-y:auto; border:solid 1px #CCC; width:400px;"> 
    <div style="display:table-cell; vertical-align:middle; height:300px; text-align:center; width:400px;"> 
     test 
    </div> 
</div> 

Answer 2

你可能想在DIV使用的容器中，然後把你的文字在另一個DIV 你可能還需要檢查出jscrollpane

div.container { 
overflow: auto; 
text-align: center; 
} 



<div class="container"> 
<p align="center"> 
<h2>Heading 1</h1> 
<h2>Heading 2</h2> 
</p> 
</div> 

也可以嘗試設置一個固定的高度爲你的容器，讓你可以滾動條

div.container { 
max-height: 200px 
} 

通過cronoklee員額的工作也不錯ü可能想將兩種方法來得到你想要什麼