valign 中间不起作用

Question

不知道为什么valign="middle"不在这里工作。有人可以帮我解决这里缺少的东西。

HTML

<table id="my_table"  style="width:100%;height:450px" cellpadding="0" cellspacing="0">
  <tr>
     <td width="5%" valign="middle">
        <div id="left_arrow" align="center">
            <img  src='./button/3.png' id='leftArrow' /
        </div>
     </td>
     <td width="60%" valign="middle" >
         <div id="left_table" >
           <div id="holder" >
             <img  src=".images/3.jpg" id="slideshow" />
           </div>
         </div>
     </td>
     <td width="5%"  valign="middle">
         <div id="right_arrow" align="center">
           <img  src='./button/2.png' id='rightArrow' />
         </div>
     </td> 
    </tr>
</table>

Answer 1

如果可能，您想去掉内联样式，但这是完整的解决方案。

<table id="my_table"  style="width:100%;height:450px" cellpadding="0" cellspacing="0">
  <tr>
     <td width="5%" style="vertical-align:middle">
        <div id="left_arrow" align="center">
            <img  src='./button/3.png' id='leftArrow' />
        </div>
     </td>
     <td width="60%" style="vertical-align:middle">
         <div id="left_table" >
           <div id="holder" >
             <img  src=".images/3.jpg" id="slideshow" />
           </div>
         </div>
     </td>
     <td width="5%"  style="vertical-align:middle">
         <div id="right_arrow" align="center">
           <img  src='./button/2.png' id='rightArrow' />
         </div>
     </td> 
    </tr>
</table>

点击这里观看现场演示