除了 html 代码中 sql 查询的第一行之外，没有应用样式

Question

我正在通过查询从 sql 数据库中检索所有行，并且我正在使用循环来获取我有一个 style.css 文件的所有行，我正在为该文件指定一个样式，但是，只有第一行是接收样式并且样式未应用于其余部分。

<!DOCTYPE html>
<html>
<link href="styles.css" rel="stylesheet">
<head>
    <title>IIACSS search center</title>
</head>
<body>

<form method="post">
<label>Search</label>
<input type="text" name="search">
<input type="submit" name="submit">
</form>

<?php
$con = new PDO("mysql:host=localhost;dbname=data",'root','admin123');
if (isset($_POST["submit"])) {
$str = $_POST["search"];
$sth = $con->prepare("SELECT * FROM `questions` WHERE question LIKE '%$str%'");

$sth->setFetchMode(PDO:: FETCH_OBJ);
$sth -> execute();
?>
<table>
  <tr>
    <th>Project</th>
    <th>Question</th>
    <th>Sample</th>
  </tr>
  <?php
  for ($a=0;$row = $sth->fetch();$a++) {
  ?>
        <tr>
            <td><?php echo $row->Proj_Name; ?></td>
            <td><?php echo $row->Question;?></td>
            <td><?php echo $row->sample;?></td>
            <br><br>
        </tr>
    </table>

    <?php
  }
  }
  ?>

body {
  background-color: white;
}

h1 {
  color: black;

}

td {
  color: black;
  font-family: sans-serif;
}
th {
  color: blue;
  font-family: sans-serif;
}

Answer 1

这不是 CSS 问题，这是因为您在循环中关闭了</table> ，所以它在第一个tr之后结束了您的表格。

只需将其从循环中删除：

<?php
$con = new PDO("mysql:host=localhost;dbname=data",'root','admin123');
if (isset($_POST["submit"])) {
$str = $_POST["search"];
$sth = $con->prepare("SELECT * FROM `questions` WHERE question LIKE '%$str%'");

$sth->setFetchMode(PDO:: FETCH_OBJ);
$sth -> execute();
?>
<table>
  <tr>
    <th>Project</th>
    <th>Question</th>
    <th>Sample</th>
  </tr>
  <?php
  for ($a=0;$row = $sth->fetch();$a++) {
  ?>
        <tr>
            <td><?php echo $row->Proj_Name; ?></td>
            <td><?php echo $row->Question;?></td>
            <td><?php echo $row->sample;?></td>
            <br><br>
        </tr>

    <?php
  } ?>
      </table>
  <?php }
  ?>

除了 html 代码中 sql 查询的第一行之外，没有应用样式

问题描述

1 个解决方案

解决方案1
0 已采纳 2022-06-03 12:50:42

除了 html 代码中 sql 查询的第一行之外，没有应用样式

问题描述

1 个解决方案

解决方案1 0 已采纳 2022-06-03 12:50:42

解决方案1
0 已采纳 2022-06-03 12:50:42