Question

我有一个回显到页面的表格，我需要将每个不同的条目分开。这是桌子。

  echo '<table>';
  while ($row = mysqli_fetch_array($data)) {
  if(!empty($row['first_name'])) {
      echo '<td class="viewpost">First Name:' . $row['first_name'] . '</td></tr>';
    }
  if(!empty($row['last_name'])) {
      echo '<td class="viewpost">Last Name:' . $row['last_name'] . '</td></tr>';
    }
  if(!empty($row['post'])) {
      echo '<td class="viewpost1">' . $row['post'] . '</td></tr>';
    }
    }
  echo '</table>';

和CSS

.viewpost {
    border: 1.5px solid #367588;
    background-color: #333;
    margin-bottom:25px;
}

.viewpost1 {
    border: 1.5px solid #367588;
    background-color: #333;
    margin-bottom:100px;
    margin-left:10px;
    }

这两张表没有在页面上分开。帮助

Answer 1

您忘记打开表格行标记'<tr>'。

任何html行和单元格的结构都应为<tr><td></td>..many cells as you want</tr>。

由于您主要关注垂直对齐和间距，因此最好将CSS规则应用于不在单元格上的行（如您所见，我将该类从“td”移开到'tr'）。

  echo '<table>';
  while ($row = mysqli_fetch_array($data)) {
  if(!empty($row['first_name'])) {
      echo '<tr class="viewpost"><td>First Name:' . $row['first_name'] . '</td></tr>';
    }
  if(!empty($row['last_name'])) {
      echo '<tr class="viewpost"><td>Last Name:' . $row['last_name'] . '</td></tr>';
    }
  if(!empty($row['post'])) {
      echo '<tr class="viewpost1"><td>' . $row['post'] . '</td></tr>';
    }
    }
  echo '</table>';

对于CSS，要定义垂直间距，可以使用css属性line-height。如果您希望文本在顶部对齐，请使用vertical-align:top。

.viewpost {
    border: 1.5px solid #367588;
    background-color: #333;
    margin-bottom:25px;
}

.viewpost1 {
    border: 1.5px solid #367588;
    background-color: #333;
    line-height:100px;
    vertical-align:top;
    margin-left:10px;
    }

希望这有帮助！

PHP echo表css

1 个答案: