在php中创建新行的DIV标记


DIV tag creating new line in php

我试图对数据库中的结果进行样式设置,但当我回显<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>";
}

您每次都会创建新的div。默认情况下,每个div都以一个新行开始。

考虑使用<span>而不是<div>

<span>已经是内联标签,默认情况下<div>是块,为其中的内容创建新行。

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

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

使用css属性display:inline块例如

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

它将线性排列您的消息。

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

使用内联样式

style="display: inline-block;"
style="float: left;"

使用css

.message {
   display: inline-block;
}
.message {
   float: left;
}