显示php+mysql行而不使用表

如何在不使用表的情况下显示mysql中的行？就像推特和脸书上的一样。是否可以使用或使用无序列表

我想展示图片的缩略图，名字，他们的帖子

我的代码到现在为止，它只显示帖子本身

$sql_check = mysql_query("SELECT * FROM messages order by msg_id desc");
if(isset($_POST['message']))
{
    $message = $_POST['message'];

    mysql_query("INSERT INTO messages(msg, userid) values ('$message', ". $s_id . ")");

    $sql_msg = mysql_query("SELECT msg ,msg_id FROM messages where userid = $s_id order by msg_id desc");

    $row = mysql_fetch_array($sql_msg);
}

while($row = mysql_fetch_array($sql_msg)){
    <table cellpadding="0" cellspacing="0" width="500px">
        <tr>
            <td style="padding:14px;" class="comment_box" align="left"><?php echo $row['msg']; </td>
        </tr>
    </table>
}

使用div或span代替table

---

根据最适合所讨论内容的内容选择标记。如果您有表格数据，那么它属于表格。列表应该放在列表中。不要因为认为tagX不好或者因为它看起来很特别而选择它，因为它的外观可以改变。最终，任何东西都可以看起来像任何其他东西，所以只要选择适当的基础。< /P> 对于这种类型的内容，表不是我首选的标记，但它是可以接受的

下面是另一种标记和设计外观几乎相同的方式：

---

一般来说：如果是表格数据，使用表格是完全可以的。但是，是的，对于你想要做的事情，使用无序列表通常是一种方法。听起来，表格适合这样做。。你为什么不想用桌子呢？你想要什么样的布局？你试过什么？嗯，表格只是格式化输出的一种工具。它们被认为是过时的，大部分被div取代。看看这里：您似乎正在为结果中的每条消息生成一个表。将while语句移到表标记内部，但移到tr标记外部。表在这里看起来完全合适，前提是图片、名称和消息都位于各自的单元格中，每行有一篇文章。

$sql_check = mysql_query("SELECT * FROM messages order by msg_id desc");
if(isset($_POST['message']))
{
$message = $_POST['message'];

mysql_query("INSERT INTO messages(msg, userid) values ('$message', ". $s_id . ")");

$sql_msg = mysql_query("SELECT msg ,msg_id FROM messages where userid = $s_id order by msg_id desc");

$row = mysql_fetch_array($sql_msg);
}

while($row = mysql_fetch_array($sql_msg)){ ?>

        <div><?php echo $row['msg']; ?> </div>
<?php
}

table, tbody {
    display: block;
}

tr {
    display: block;
    overflow: hidden;
    margin: 1em 0;
}

td {
    display: block;
}

td.avatar {
    float: left;
    margin-right: 1em;
}

td.author {
    font-weight: bold;
}

<table>
    <!-- loop starts here -->
    <tr>
        <td class="avatar"><img src="http://placehold.it/100x100" /></td>
        <td class="author">Batman</td>
        <td class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porta elit vel ante hendrerit facilisis. Curabitur aliquam sollicitudin diam, id posuere elit consectetur nec. Vestibulum quam dolor, feugiat in posuere a, posuere imperdiet tellus. Mauris sed ligula vitae urna consequat aliquet.</td>
    </tr>
    <!-- loop ends here -->
</table>

article {
    overflow: hidden;
    margin: 1em 0;
}

img.avatar {
    float: left;
    margin: 0 1em 1em 0;
}

h1.author {
    font-weight: bold;
}

<section class="comments">
    <!-- loop starts here -->
    <article>
        <h1 class="author"><img src="http://placehold.it/100x100" class="avatar" /> Batman</h1>
        <p class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porta elit vel ante hendrerit facilisis. Curabitur aliquam sollicitudin diam, id posuere elit consectetur nec. Vestibulum quam dolor, feugiat in posuere a, posuere imperdiet tellus. Mauris sed ligula vitae urna consequat aliquet.</p>
    </article>
    <!-- loop ends here -->
</section>