DIV标签在php中创建新行答案

【问题标题】：DIV tag creating new line in phpDIV标签在php中创建新行
【发布时间】：2013-08-16 12:13:44
【问题描述】：

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

【问题讨论】：

标签： php html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

谢谢夜火猫。我正试图像你一样编辑它！

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

它会线性排列你的消息。

【讨论】：

【解决方案5】：

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

使用内联样式

style="display: inline-block;"

style="float: left;"

使用 CSS

.message {
   display: inline-block;
}

.message {
   float: left;
}

【讨论】：

为什么是内联样式而不是在 CSS 中？
当问题已经使用 CSS 时，您会建议使用内联样式，这似乎很奇怪。
好吧，这行得通，但是如果我想有一个<br/> 标记以便行将在 div 内怎么办？
你可以不使用<br/>像使用clear: both一样使用其他方法来分行