现在的位置: 首页 > 综合 > 正文

使用div给单元格td增加滚动条效果

2014年02月16日 ⁄ 综合 ⁄ 共 1350字 ⁄ 字号 评论关闭

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <title>无标题文档</title>
 </head>
 <STYLE type=text/css>td {
 SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #dfdfdf; SCROLLBAR-DARKSHADOW-COLOR: #dfdfdf; SCROLLBAR-BASE-COLOR: #dfdfdf
}
</STYLE>
 <body>
 
   <table width="100%" align="center">
   <tr>
 
   <td align="center">
    <div  style="overflow-x:scroll; width:697px; height:212px;">
    <table width="100%">
    <tr>
    <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   </tr>
   </table>
    </div>
   </td>
   </tr>
     <tr>
   <td align="center">
    <div  style="overflow-x:scroll; width:697px; height:212px;">
    <table width="100%">
    <tr>
    <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   <td>
   <img src="d:/ddd.bmp" width="200px" height="200px">
   </td>
   </tr>
   </table>
    </div>
   </td>
    
   </tr>
 </table>
 </body>
 </html>
 
用firefox不支持div的滚动条效果。
倒塌。ie才能看到。

抱歉!评论已关闭.