수직 정렬 텍스트 & I 수직 텍스트 및 테이블 셀 내부 이미지 요소를 정렬하기 위해 노력하고있어 브라우저

Question

에 걸쳐 일관성없는 이미지. align="absmiddle"을 사용하고 있는데 IE에서는 작동하지만 Chrome에서는 작동하지 않습니다.

어떻게 수직 크롬과 IE 모두에서 중간에 텍스트 및 이미지를 정렬 할 수 있습니까?

<tr> 
    <td height="17" bgcolor="#550000"> 
     <div align="center"> 
      <strong><font color="#000000" size="3">Text</font></strong> 
      <img src="Image.jpg" alt="US Image" width="30" height="15" border="0" align="absmiddle"> 
     </div> 
    </td> 
</tr>​ 

데모 :

여기 코드입니다 즉,뿐만 아니라 common HTML mistake입니다 http://jsfiddle.net/8xTta/

Answer 1

absmiddle를 사용하지만,이 방법을 사용하는 나쁜 관행으로 간주됩니다 당신이해야 항상 콘텐츠를 별도의 스타일, 마크 업에 임베드 된 인라인 스타일 대신 외부 스타일 시트를 사용하십시오.

이 문제를 해결하고 브라우저 간 호환성을 얻으려면 align:absmiddle; 규칙을 바꾸고 vertical-align: middle;을 대신 사용하십시오.

여러분의 관심을 끌만한 멋진 reference on vertical alignment입니다.