PHP动态生成HTML表格样式异常：常见陷阱与解决方案

<table>
  <tr>
    <th>Project</th>
    <th>Question</th>
    <th>Sample</th>
  </tr>
  <tr>
    <td>Data1-1</td>
    <td>Data1-2</td>
    <td>Data1-3</td>
  </tr>
</table> <!-- 表格在此被错误关闭 -->
<tr> <!-- 这一行已不在任何有效表格内 -->
  <td>Data2-1</td>
  <td>Data2-2</td>
  <td>Data2-3</td>
</tr>
<tr> <!-- 这一行也已不在任何有效表格内 -->
  <td>Data3-1</td>
  <td>Data3-2</td>
  <td>Data3-3</td>
</tr>

<?php
// 数据库连接使用PDO，更安全和灵活
$con = new PDO("mysql:host=localhost;dbname=data",'root','admin123');

// 检查表单是否提交
if (isset($_POST["submit"])) {
    $str = $_POST["search"];

    // 预处理SQL查询，使用参数绑定防止SQL注入
    $sth = $con->prepare("SELECT Proj_Name, Question, sample FROM `questions` WHERE question LIKE :search_term");
    $sth->bindValue(':search_term', '%' . $str . '%', PDO::PARAM_STR);

    // 设置数据获取模式为对象
    $sth->setFetchMode(PDO::FETCH_OBJ);
    $sth->execute();
?>
<!-- <table> 标签在循环开始前输出 -->
<table>
  <thead>
    <tr>
      <th>Project</th>
      <th>Question</th>
      <th>Sample</th>
    </tr>
  </thead>
  <tbody>
  <?php
  // 循环遍历查询结果，生成每一行数据
  while ($row = $sth->fetch()) {
  ?>
    <tr>
        <td><?php echo htmlspecialchars($row->Proj_Name); ?></td>
        <td><?php echo htmlspecialchars($row->Question);?></td>
        <td><?php echo htmlspecialchars($row->sample);?></td>
    </tr>
  <?php
  }
  ?>
  </tbody>
</table>
<?php
}
?>

body {
  background-color: white;
}

h1 {
  color: black;
}

/* 针对表格单元格的样式 */
td {
  color: black;
  font-family: sans-serif;
  padding: 8px; /* 增加内边距使内容更清晰 */
  border: 1px solid #ddd; /* 添加边框 */
}

/* 针对表头单元格的样式 */
th {
  color: blue;
  font-family: sans-serif;
  background-color: #f2f2f2; /* 表头背景色 */
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left; /* 左对齐表头文本 */
}

/* 针对整个表格的样式 */
table {
  width: 100%; /* 表格宽度占满容器 */
  border-collapse: collapse; /* 合并边框 */
  margin-top: 20px; /* 表格顶部间距 */
}