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>

Click here for live demo

Answer 2

HTML5中不支持valign属性。改用CSS。

CSS语法：<tr style="vertical-align:middle">

valign中间不工作

2 个答案: