2013-08-16 4 views
0

Я пытаюсь стилизовать результаты из базы данных, но когда я эхо <div>, он создает новую строку после каждого результата. Как я могу заставить div не создавать новую строку?DIV тег, создающий новую строку в php

.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>"; 
} 

ответ

0

вы можете либо отобразить DIV в inline-block или установить float: [left|right]

Используя встроенный стиль

style="display: inline-block;" 

style="float: left;" 

с помощью CSS

.message { 
    display: inline-block; 
} 

.message { 
    float: left; 
} 
+1

Почему встроенный стиль вместо CSS? – Barmar

+0

Кажется странным, что вы предложите встроенный стиль, когда вопрос уже использует CSS. – Barmar

+0

хорошо, это работает, но что, если я хочу иметь тег '
', чтобы строки были внутри div? –

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

попробовать с выше CSS будет отображаться в одной строке

1

Вы создаете новые DIVs каждый раз. Каждый div по умолчанию начинается с новой строки.

1

Рассмотрите возможность использования <span> вместо <div>

<span> уже встроенные теги, где <div> являются блоки по умолчанию, которые создают новую линию для содержания в нем.

+0

Thanks Nightfirecat. Я пытался изменить это право так же, как и вы! – tehAon

0

Использовать дисплей свойств css: встроенный блок , например.

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

Он будет упорядочивать ваши сообщения линейно.

Смежные вопросы