2013-09-04 3 views
0

AnythingSlider JQuery Content 슬라이더를 사용하고 있는데 가운데에 세로로 가운데에 텍스트를 배치하려고 힘듭니다. 나는 다음을 시도했지만 효과가 없다.AnythingSlider : 세로 맞춤 가운데 텍스트

<li> 
    <div style="display:table-cell; vertical-align:middle;"> 
     <h1> THIS IS A TEST!! </h1> 
    </div> 
</li> 

답변

1

리튬 요소의 높이가 고정되어 있습니까? 그렇다면 CSS를 사용하고 "line-height : (li과 동일한 높이)"및 "vertical-align : middle"을 추가 할 수 있습니다. http://jsfiddle.net/jc7CE/

CSS :

li{ 
float: left; 
height: 100px; 
width: 100px; 
line-height: 100px; 
vertical-align: middle; 
border: 1px solid red; 
padding: 10px; 
} 

작업 예 (그건 그렇고, 난 당신이 리 안에있는 div를 사용한다고 생각하지 않습니다)