最大高度/行数和设置滚动

maximum height/rows and set scroll

本文关键字：设置 滚动 高度      更新时间：2023-09-26

我有我的表在我的html php文件里面我希望它被设置为最大高度，如果它达到最大，并想添加更多，它将是可滚动的，这是怎么可能的?这是我的项目感谢

我想让它在达到500px后可滚动

<div class="container" style="max-height: 500px;width:600px;height:500px border:1px solid black">
<div class="panel panel-default" style= "max-height: 500px;">
    <div class="panel-heading" align="center">
        <img src="or.png" alt="or" style="width:200px;height:40px;">
    </div>
    <div class="panel-body" style= "max-height: 500px;">         
  <table class="table">
  <tr>
<th><FONT color="CB7F16">Foodname</FONT></th>
<th><FONT color="CB7F16">Quantity</FONT></th>
<tr>
<?php
while($food=mysql_fetch_assoc($list)) {
  echo"<tr>";
  
  echo"<td><FONT color='FA9404'>".$food['food']."</FONT></td>";
  echo"<td><FONT color='FA9404'>".$food['quantity']."</FONT></td>";
  
  echo"</tr>";
  
}
?>
  <tr>
    <td colspan="2" align="center"><a class="btn" href="acceptorder.php">Accept</a></td>
  </tr>
  
  </table>
  </div> 
  </div>
  </div>

将overflow-y:auto;添加到各自的div中。

相关文章：