php - 如何内联显示评论

Question

所以我有这段代码(有效)可以打印出用户刚刚写的评论。我遇到的问题是显示评论。用户名显示在评论上方，我只想让它们并排显示，例如

'用户名:'评论''

我试过把 display:inline;在我的 h4 和 p 的 CSS 中，但它弄乱了我放入这些元素中的所有其他内容。

有人知道答案吗？

这是我的代码

 //Print out existing comment
    $query = "SELECT * FROM comments JOIN users ON comments.userID = users.ID WHERE salonID=$salonid"; 
    $result = mysqli_query($db_server, $query);
    if (!$result) die("Database access failed: " . mysqli_error($db_server));
    while ($row = mysqli_fetch_array($result)){
            $str_comments .= "<div id='comments'><h4>" . $row['Username'] ."</h4><p>'" . $row['comment'] . "'</p>";
            $str_comments .="<img src='" . $row['imagename'] ."' /></div>";
    }

Answer 1

你把用户名放在<h4></h4>里面这是一个 block 元素。 <p></p> 也一样.

block 元素将占据一整行，因此您将无法在一行中放置用户名和评论。

你已经给了display:inline <h4></h4> 的样式& <p></p>应该没问题。

我鼓励您使用 <span></span>默认情况下，它是一个内联元素。

关注这个:

while ($row = mysqli_fetch_array($result)){
  $str_comments .= "<div id='comments'>" . 
                   "<span style='font-weigth:bold;'>" . $row['Username'] ."</span>" .
                   "<span>'" . $row['comment'] . "'</span>" . 
                   "<img src='" . $row['imagename'] ."' />".
                   "</div>";
}