텍스트가 세로로 가운데에있는 문제 u_u

여기에서 큰 문제가 있습니다. 나는 이미 수많은 솔루션을 시도했지만 아무도 유용하지 못했습니다. 나는 커스텀 툴팁을 만들고 있는데, 그 안에있는 텍스트를 세로로 가운데에 넣으려고 노력하고 있지만, 나는 할 수 없었다. 이 여기텍스트가 세로로 가운데에있는 문제 u_u

.tooltip { 
    display:none; 
    background:transparent url(slides/tooltip_img.png); 
font-family:Helvetica; 
    font-size:16px; 
    height:157px; 
    width:149px; 
    color:#eee; 
text-align:center; 
line-height:20px; 
    }

그리고 내가 그것을 수직 중심을 만들려고하는 방법이다 :

<div id="tooltip" style="height:62px;margin-left:46px;margin-top:102px;vertical-align:middle"> 
    <img src="supahsource.png" title="Tooltip info"/>

어쨌든, 나는, 누군가가 나를 도울 수 노력하고있어 결과를 얻을하지 않습니다? 고마워.

출처

2013-07-08 El Nitemare

다음에 검색 기능을 사용할 수 있습니다. http://stackoverflow.com/questions/11048541/vertical-text-center-in-div http://stackoverflow.com/questions/2943234/how-to-center-text-vertically-in-html- using-css-only –

vertical-align은 Table 요소에서만 작동합니다. position: absolute을 사용하고 실제로 vertical-align을 사용하려면 수직으로 정렬하려는 블록에 display: table-cell;을 사용하십시오.

출처

2013-07-08 20:18:27 Th3BFG

'vertical-align'은 인라인 레벨과 테이블 셀 요소에 적용됩니다. – j08691

당신 말이 맞아요. 나는 잘못 알았다. 'vertical-align'은 인라인 엘레멘트에 좋다. 따라서 단락 태그 내의 그림은 세로로 정렬 할 수 있지만 단락 태그 내의 텍스트는 정렬 할 수 없습니다. – Th3BFG

텍스트가 세로로 가운데에있는 문제 u_u

답변

관련 문제