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