在td顶部的<label>而不移动旁边的td？</label>

Question

这是我的HTML：

<table>
    <tr>
        <td><img src="blah.png" width="80"> </td>
        <td> <p>This is ment to be a comment section part</td>
    </tr>
</table>

这应该是评论引擎的一种东西。

基本上，我想要一张左边第一张有个人资料图片的桌子。然后我想要TD的最顶部的用户名，然后是下面的名称而没有名称推送它。 谢谢！

Answer 1

我不太清楚你在问什么。以下HTML无法实现您的目标吗？

<table>
    <tr>
        <td><img src="blah.png" width="80"></td>
        <td>
            <p>Username</p>
            <p>This is ment to be a comment section part</p>
        </td>
    </tr>
</table>

---

修改

Facebook的评论如下：

我可以看到它与我上面发布的代码之间存在两个差异：

1. Facebook的用户名与图片顶部对齐
2. Facebook的用户名与评论位于同一行。

可以通过将vertical-align: top分配给表中的所有单元格来处理问题1。问题2可以使用display: run-in来处理，但是在Firefox或IE 7和6中不支持，因此您最好只使用用户名和注释作为内联元素：

<table class="comment">
    <tr>
        <td><img src="blah.png" width="80" height="80"></td>
        <td>
            <strong>Username</strong>: <span>This is ment to be a comment section part</span>
        </td>
    </tr>
</table>

请参阅http://jsfiddle.net/hK85e/2/