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>也是如此。

块元素将占用一整行，因此您将无法放置用户名＆amp;在一条线上发表评论。

您已为display:inline＆amp;提供了<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>";
}

Answer 2

在您的网站上进行此操作最简单的方法是使用annote（http://annote.in）。基于javascript的内联评论插件。您可以在几分钟内开始使用任何平台。

如何内联显示评论

2 个答案: