如何内联显示评论答案

【问题标题】：How to display comments inline如何内联显示评论
【发布时间】：2014-01-04 04:41:21
【问题描述】：

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

'用户名：'评论''

我试过把 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>";
    }

【问题讨论】：

为什么要使用<h4> 作为用户名？
和

是块元素...您需要使用或其他内联元素。或者你可以使用 float:left;和 clear:left 在最后。
只是为了让它更突出一点
要脱颖而出，您可以使用 usercomment 并使用 css 表示 .title
我把它放到一个类 $str_cmets .= "
" 中。 $row['用户名'] ."
'" . $row['comment'] 。 "'";并在我的 css 中将其设置为 display:inline;但它仍然不显示内联，抱歉我对 PHP/HTML/CSS 很陌生

标签： php jquery css comments

【解决方案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>";
}

【讨论】：

【解决方案2】：

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

【讨论】：

和

" 中。 $row['用户名'] ."