小编use*_*980的帖子

不知道为什么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>

我正在尝试创建一个包含图像的水平可滚动div,但不确定为什么下面的代码不起作用.

此外,div中的图像正在垂直显示而不是水平显示.任何人都可以帮助我理解这里的问题

 <div>
     <img  src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
     <img   src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
     <img   src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
 </div>

以下是css:

div {
    width:400px;
    height:550px;
    border:thin solid black;
    overflow-x:scroll;
    overflow-y:hidden;
    position:relative;
}


img {
    width:350px;
    height:500px;
}