如何在线显示评论

Question

因此，我有这段代码（有效）可以打印出用户刚刚编写的注释。 我的问题是显示评论。 用户名显示在评论上方，例如，我只希望它们彼此相邻显示。

'用户名：'评论'

我试过把display：inline; 在我的CSS中，用于h4和p，但它弄乱了我在这些元素中添加的所有其他内容。

有人知道答案吗？

这是我的代码

 //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> ，这是一个块元素。 <p></p> 。

块元素将占据整行，因此您将不能在行中放置用户名和注释。

您已经为<h4></h4>和<p></p>提供了display:inline样式，应该没问题。

我鼓励您使用<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>";
}

Answer 2

在您的网站上最简单的方法是使用annote（ http://annote.in ）。 一个基于javascript的嵌入式注释插件。 您可以在几分钟内在任何平台上入门。