用于单元格填充的CSS

时间:2015-03-10 10:00:03

标签: php css mysql html-table

我希望将所有行设置为相同的大小,但是带数据的行高度很大。我想为空行修复此行大小。表类名是demo。 Demo

screenshot

<?php
   while($fet=mysql_fetch_assoc($sql1))
  {
  $id=$fet['c_id'];
  $address=$fet['address'];
   $chk=$fet["c_name"];
    $in=$in+1;
    echo "<tr>";
    echo "<td style='align:center'><a class='astext' href='client_view.php?cid=".$fet["c_id"]."'>".$fet["c_name"]."</a></td>";  
    echo "<td style='align:center'><a class='ima' href='client_details.php?cid=".$fet["c_id"]."'><img src='image/edit1.png' alt='edit' style='width:20px; height:20px' title=Edit></a></td><td style='align:center'>
    <a class='ima' href='clients.php?del=".$fet["c_id"]."'><img src='image/delete1.png' alt='delete' style='width:20px;height:20px' title=Delete></a></td>";
           echo "</tr>";
      }
   if ($in < 10) {
   $empty_rows = 10 - mysql_num_rows($sql1);

    for ($m = 0; $m < $empty_rows; $m++) {
    echo '<tr><td></td><td></td><td></td></tr>';
    }
   }
?>

3 个答案:

答案 0 :(得分:1)

将固定高度添加到tr,如

table tr {
height: 40px;
box-sizing: border-box;
}

检查小提琴:http://jsfiddle.net/4gqgzdL8/1/

如果你需要盒子大小,你可以使用它,否则不要使用

答案 1 :(得分:1)

您需要在代码中添加以下CSS

.demo td{        
    height:20px;
}

<强> Demo

答案 2 :(得分:1)

尝试为此设置td的高度和行高: Demo

.demo td {
 line-height:28px;
 height:28px;
}