테이블 셀에 여러 이미지를 세로로 정렬하는 방법은 무엇입니까?

테이블 셀에 가로 및 세로 가운데에 3 개의 이미지가 있어야합니다. 나는 그것들을 수직으로 정렬하는 데 어려움을 겪고있다. 그들은 바닥에 붙어있다. 어떻게해야합니까?테이블 셀에 여러 이미지를 세로로 정렬하는 방법은 무엇입니까?

enter image description here

는 I는 JSFiddle을 만들었습니다.

내 HTML을은 다음과 같습니다

<body> 
    <br /><br /><br /><br /> 
    <table> 
     <tr> 
      <td>aaaaaaaaaaaa</td> 
      <td>bbbbbbbbbbbb</td> 
      <td>cccccccccccc</td> 
      <td>dddddddddddd</td> 
     </tr> 
     <tr> 
      <td colspan="4"></td> 
     </tr> 
     <tr> 
      <td id="toAlign" colspan="4"> 
       <img src="http://www.marietta.edu/News/images/Wikipedia-logo-small.gif" /> 
       <img src="http://luc.devroye.org/PhilippPoll-Wikipedia-logo-LinuxLibertine--Small.png" /> 
       <img src="http://2.bp.blogspot.com/-CycORET_pXw/TjFcj6r-RoI/AAAAAAAAGLE/fyM10hArlBE/s1600/wikipedia_logo+SMALL.jpg" /> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="4"></td> 
     </tr> 
     <tr> 
      <td>eeeeeeeeeeee</td> 
      <td>ffffffffffff</td> 
      <td>gggggggggggg</td> 
      <td>hhhhhhhhhhhh</td> 
     </tr> 
    </table> 
</body>

내 CSS는 다음과 같습니다

table { 
    margin: 0 auto; 
    font-family: "Courier New"; 
} 

#toAlign { 
    text-align: center; 
    vertical-align: middle; 
}

출처

2013-06-16 JVerstry

http://jsfiddle.net/sDLxt/1/

가 <img>에 vertical-align: middle; 적용 :

#toAlign img { 
    vertical-align: middle; 
}

출처

2013-06-16 09:07:52 bwoebi

감사를 다시. 나는 해결책을 찬성하겠다. 걱정할 필요가 없다. – JVerstry

@JVerstry 하하 ^^ 어제부터 기억합니다 :-) – bwoebi

테이블 셀에 여러 이미지를 세로로 정렬하는 방법은 무엇입니까?

답변

관련 문제