가운데에 스크롤바가있는 콘텐츠 가로 및 세로?

Question

너비가 400px 및 높이 : 300px 인 div가 있습니다. div 안에 가로 및 세로 정렬해야하는 텍스트가 삽입됩니다.

div 안에있는 텍스트가 div보다 큰 경우 스크롤 막대가 표시되어야합니다. 여기에 내가 무엇을 의미하는지 보여주는 사진입니다 : & GEKO & IE8 위쪽으로 웹킷에서

Answer 1

다음 작품. 당신은 기존의 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

당신은 컨테이너 사업부에서 사용하고 당신은 또한 확인 할 수 있습니다 다른 사업부 에 텍스트를 넣어 할 수 있습니다

당신은 스크롤 막대를 얻을 수 있도록 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 
} 

http://jsfiddle.net/j8vLw/ 또 다른 수직 중심 기술은 HTTP에 있습니다 : // www를는

cronoklee에 의해 게시물이 너무 u는 두 가지 방법은 당신이