Я пытаюсь стилизовать результаты из базы данных, но когда я эхо <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: встроенный блок, например
.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; }