zoukankan      html  css  js  c++  java
  • 弹性的表格中自动显示滚动条

    一方面要根据浏览器的窗口大小尽量多显示内容
    另外一方面如果内容实在显示不下,就显示滚动条
    <table width="90%" border="1"  style="TABLE-LAYOUT: fixed;">
      
    <tr>
        
    <td>
        
    <DIV style="OVERFLOW:auto; WIDTH: 100%;hight:100px">
        
    <table width="500px" border="1">
          
    <tr>
            
    <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
          
    </tr>
          
    <tr>
            
    <td>6</td><td>7</td><td>8</td><td>9</td><td>10</td>
          
    </tr>
          
    <tr>
            
    <td>11</td><td>12</td><td>13</td><td>14</td><td>15</td>
          
    </tr>
          
    <tr>
            
    <td>16</td><td>17</td><td>18</td><td>19</td><td>20</td>
          
    </tr>
          
    <tr>
            
    <td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
          
    </tr>
        
    </table>
        
    </DIV>
        
    </td>
      
    </tr>
    </table>

    在小窗口下显示效果(IE和FireFox)





    在大窗口下显示效果(IE和FireFox)




    IE和Firefox还是有所不同的。。。
  • 相关阅读:
    Grunt 实现浏览器实时刷新
    Node环境搭建
    前端项目三方库管理
    Node项目包管理器
    前端开发利器
    面向对象目录
    Java 面向对象(十四)
    Java 面向对象(十三)
    Java 面向对象(十二)
    Java 面向对象(十)
  • 原文地址:https://www.cnblogs.com/wormday/p/429081.html
Copyright © 2011-2022 走看看