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还是有所不同的。。。
  • 相关阅读:
    找水王
    用户体验评价
    人件集阅读笔记01
    第十四周学习进度
    第十三周学习进度
    第十二周学习进度
    第十一周学习进度
    梦断代码阅读笔记03
    团队项目-第一阶段冲刺-10
    Shell按行读取文件的3种方法
  • 原文地址:https://www.cnblogs.com/wormday/p/429081.html
Copyright © 2011-2022 走看看