0

我正在尝试对数据库中的结果进行样式设置，但是当我回显时<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>";
}
4

5 回答 5

1

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

于 2013-08-16T03:59:25.450 回答
1

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

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

于 2013-08-16T04:00:49.227 回答
0

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

使用内联样式

style="display: inline-block;"

style="float: left;"

使用 CSS

.message {
   display: inline-block;
}

.message {
   float: left;
}
于 2013-08-16T03:58:36.647 回答
0

使用 css 属性 display:inline-block 例如

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

它将线性排列您的消息。

于 2013-08-16T04:02:55.910 回答
0 
.message{
        border:2px solid;
        background-color:white;
        float:left;
        }

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

于 2013-08-16T03:59:09.730 回答