股利滚动条隐藏的文本在单元格中

Question

使用PHP & HTML，我有我设法使其细胞滚动通过创建细胞内一个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; 
}