html - 如何使该表可滚动？

Question

在 IE8 中它没有滚动...我怎样才能使我的结果表可滚动？

<tr>
    <td><input type="radio" name="sso" value="<?php echo $exec->fields['hrOracleNumber']; ?>" onclick="selectSSO(this.value);"></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['hrOracleNumber']; ?></font></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['firstName']; ?></font></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['lastName']; ?></font></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['description']; ?></font></td>
</tr>

<?php 

    $exec->MoveNext();
} ?>
</table>
<?php } ?>

Answer 1

首先，您需要更多行才能垂直滚动。

但是要使表格滚动，您可以将其包装在 div 标签中，并通过添加固定高度并将溢出设置为自动来将 CSS 样式应用于该 div。

html 看起来像这样:

<div class="scroll-table">
<table>
<tr>
    <td><input type="radio" name="sso" value=""></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
</tr>
</table>
</div>

CSS 样式表如下所示:

   .scroll-table{
       height: 50px;
       overflow: auto;
    }

IE 8不支持overflow-x或overflow-y，因此您可能还需要指定宽度，因为overflow auto将允许双向滚动。