Question

我正在尝试设置数据库的结果，但是当我回显<div>时，它会在每个结果后创建新行。如何强制div不要创建新行？

.message {
    border:2px solid;
    background-color:white;
}

PHP

$user = $_SESSION['username'];
$mydb = new mysqli('localhost', 'root', '', '');
$stmt = $mydb->prepare("SELECT * FROM messages where from_user = ?  ");
$stmt->bind_param('s', $user);
$stmt->execute();

$result = $stmt->get_result();
while ($row = $result->fetch_assoc()) {
    echo"<div class='message'>";

    echo $row['to_user'];

    echo"</div>";
}

Answer 1

每次都会创建新的DIV。默认情况下，每个div都以新行开头。

Answer 2

考虑使用<span>代替<div>

<span>已经是内联代码，默认情况下<div>是块，这会为其中的内容创建一个新行。

Answer 3

您可以将div显示为inline-block或设置float: [left|right]

使用内联样式

style="display: inline-block;"

style="float: left;"

使用css

.message {
   display: inline-block;
}

.message {
   float: left;
}

Answer 4

.message{
        border:2px solid;
        background-color:white;
        float:left;
        }

尝试使用上面的css将显示在一行

Answer 5

使用css属性display：inline-block e.g。

.message{
  border:2px solid;
  background-color:white;
  display:inline-block;
 }

它会线性排列您的邮件。

DIV标签在php中创建新行

5 个答案: