Question

我已经在互联网上看了一会儿，看看我怎么能弥补我的回声字符串。我已经能够用例子来弥补很多东西。但是当涉及到我自己的代码时，即使我确实做了同样的事情，我也无法做到这一点。

这是我的回声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>

在我们的网站上，这个回声“东西”并不会变得无形。任何人都可以帮助我们吗？

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仍然在源代码中。

Answer 2

尝试编写内联CSS，如下所示

echo "<div id='suggestions' style='visibility: hidden;'>
      <h1> Our suggestions for you: </h1>";
echo "</div>";

或更改样式标记

中的引号

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

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

2 个答案: