html - Div 滚动条将文本隐藏在单元格中

Question

使用 PHP 和 HTML，我有一个表格，通过在单元格内创建一个 div 并将单元格的内容包含在该 div 中，我设法使其单元格可滚动。问题是滚动条隐藏了单元格中的部分文本。水平和垂直滚动条都这样做。我怎么解决这个问题？下面是我的代码。

$account_holder= new AccountHolder;     
$result = $account_holder->view();

while($row= $result->fetch_row()) 
  {

  echo "<tr>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[0] . "<div/></td>";                                         
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[1] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[2] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[3] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[4] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[5] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[6] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[7] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[8] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[9] . "<div/></td>"; 
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[10] ."<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[11] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[12] . "<div/></td>";
  echo '<td align="center"> <div style="height: 50px;max-height: 50px; overflow: auto;">';echo $row[13] . "<div/></td>";
  echo "</tr>";

  }

Answer 1

尝试为每个 div 添加一个 padding。

echo '<td align="center"> 
<div style="padding: 15px; height: 50px;max-height: 50px; overflow: auto;">';
echo $row[13] . "<div/></td>";

应用类是解决这个问题的更好方法。

<div class="container-scroll">

.container-scroll {
    height: 50px;
    max-height: 50px;
    overflow: auto;
    padding: 15px;
}