Question

使用PHP＆amp; 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

尝试为每个padding添加div。

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;
}

Div Scroll栏将文本隐藏在单元格中

1 个答案: