0

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

  }
4

1 に答える 1

1

paddingそれぞれに a を追加してみてください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;
}
于 2013-06-27T07:25:01.603 に答える