如何使發布到我的網站的評論彼此分開？

Question

我正在為顯示評論的博客編寫一些代碼。 這是從數據庫輸出注釋的代碼：

$i = 0;
while ($i < $num) {
$name = mysql_result($result,$num - $i,"name");
$dream = mysql_result($result,$num - $i,"dream");


echo "$name<br>$dream<br>";

$i++;
}

我目前正在使用CSS將樣式應用於整個php所在的整個div。 這使我可以格式化所有發布的注釋，但是我想統一地格式化每個注釋。 例如，我可以使用CSS在所有注釋周圍放置邊框，但是我想要的是在每個注釋周圍使用相同的邊框來分隔注釋。 有任何想法嗎？ 感謝幫助。

Answer 1

將每個評論放入div

echo "<div class='comment'>$name<br>$dream</div>";

或者，從語義上講更好，將所有內容包裝為<ul>並使每個注釋為<li> ：

echo "<li>$name<br>$dream</li>";

並這樣稱呼每個li ：

ul.comments li { border: ..... }

Answer 2

echo '<div class="comment">' . "$name<br/>$dream<br/></div>";

然后在您的CSS中，您可以使用

.comment {
    /* CSS rules for comments */
}

我喜歡Pekka的想法：

<ul class="comments">
    <?php
    $i = 0;
    while ($i < $num) 
    {
        $name = mysql_result($result,$num - $i,"name");
        $dream = mysql_result($result,$num - $i,"dream");
        ?>
        <li>
            <ul>
                <li><?php echo $name; ?></li>
                <li><?php echo $dream; ?></li>
            </ul>
        </li>
        <?php
        ++$i;
    }
    ?>
</ul>

然后在CSS中（您可以為每個名稱，夢想等添加更多的類）

ul.comments {
    /* CSS rulse for a nice background etc for the whole group of comments */
}
ul.comments ul {
    /* CSS rules for each comment */
}
ul.comments ul li {
    /* CSS rules for each subsection of a comment
       You could make separate classes for these too */
}

Answer 3

只需使用div和class。

例如，輸出類似：

<div class="comment">
  <div class="author">John</div>
  <div class="commentBody">This is a comment!</div>
</div>

這樣，您可以分別設置整個注釋（類comment ），作者名稱（類author ）和注釋本身（類commentBody ）的commentBody 。

您也可以使用<li>代替<div> 。

Answer 4

作為建議，您可以將注釋斑馬條紋，而不必在每個注釋周圍放置邊框。 您的PHP將需要使用一個模數（2）添加一個條件，以添加一個css類偶/奇數。 您的CSS看起來像這樣：

ul.comments li.even {
    background-color:white;
}

ul.comments li.odd {
    background-color:lightBlue;
}