Question

奇怪的头衔，我同意，但让我解释一下。

这是div代码：

<div>
{{   internet }} &nbsp;&nbsp; {{   breakfast }} &nbsp;&nbsp; {{   parking }}
</div>

当未使用三个数据库结果时，div仍占用页面上的垂直空间。

如果没有数据但非破坏空格，我怎么能让这个div变平？

Answer 1

 个字符周围有空格，仍然会计为空格。试试这个：

<div>{{ internet }}&nbsp;&nbsp;{{ breakfast }}&nbsp;&nbsp;{{ parking }}</div>

您还可以使用CSS来指定您不希望div包装，哪个IMO更清洁：

<div style="white-space: nowrap;">...</div>

Answer 2

只有不间断的空间本身足以给你的div垂直空间。您可以在数据元素本身内处理此问题，可能还有一些服务器代码。

例如，我不知道您的internet，breakfast和parking字段是如何填充的，但您可以拥有一个名为combinedFields的新属性，连接所有这三个，根据需要适当地应用空格，或者如果所有值都为空，则为空字符串。

然后你的标记就是：

<div>{{ combinedFields }}</div>

如果combinedFields为空，则结果只是<div></div>，并且不会占用任何垂直空间。

Answer 3

如果你的div中有这样的内容，你可以在Javascript中检测到：

<?php

  header("Access-Control-Allow-Origin: *");
  header("Content-Type: application/json; charset=UTF-8");
  $host = "localhost";
  $username = "visarts_testing";
  $password = "******";
  $dbname = "visarts_test";
  $tbl_name = "tested";

  //open a connection to the database
  $conn = mysqli_connect($host, $username, $password, $dbname);

  if(!$conn) {
    die("Connection failed: " . mysqli_connect_error());
  }

  //get action from the controller

  switch($_GET['action']) {
    case 'delete_entry' :
      delete_entry();
    break;
  }

  function delete_entry() {
    $data = json_decode(file_get_contents("php://input"));
    $index = $data->id;
    $delSQL = "DELETE FROM $tbl_name WHERE id = $index";
    if(mysqli_query($conn, $delSQL) {
      return true;
    } else {
      echo "Error: " . $sql . "<br />" . mysqli_error($conn);
    }
  }

  //close the db connection
  mysqli_close($conn);

?>

如果你想测试：http://jsfiddle.net/Lwpepz0z/。如果你的div上有一个id就更容易了，所以不再需要循环了。

占用空间的角色

3 个答案: