php - 用文本回显 MySQL 字符串，然后用 CSS 设置样式

Question

我已经在 Internet 上搜索了一段时间，想看看如何组成我的 echo'd 字符串。我已经能够用例子来弥补很多东西。但是当涉及到我自己的代码时，我无法做到这一点，即使我做完全相同的事情也是如此。

这是我回显的 PHP:

echo "<div id=\"suggestions\"><h1> Our suggestions for you: </h1>";
$i = 1;
while($row = mysqli_fetch_array($frequency))
{
$query = "SELECT country FROM project.countries WHERE countryID LIKE (".$row['countryID'].")";

$result = mysqli_query($con, $query);
$row = mysqli_fetch_array($result);
$countrysuggestion = $row['country'];

echo "<h2>Suggestion no.".$i." is: ".$countrysuggestion."!</h2>";
$i = $i + 1;
}
echo "</div>";

然后这是我们的样式 CSS 代码:

<style type=”text/css”>
#suggestions{
visibility: hidden;
}
</style>

在我们的网站上，这种 echo “东西”不会消失。有人可以帮助我们吗？

Answer 1

假设下面是你的inline-css

<style type=”text/css”>
  #suggestions{
    visibility: hidden;
  }
</style>

将 quotes 和 visibility: hidden; 更改为

     <style type="text/css"> /* <= notice quote in this line, these are 
apostrophes in yours, this makes a huge difference */
        #suggestions{
           display: none; /*notice none here*/
        }
      </style>

添加编辑

visibility: hidden 隐藏元素，但它仍然占用布局中的空间。

display: none 从文档中完全删除该元素。它不占用任何空间，即使它的 HTML 仍在源代码中。