Question

我希望我的元素与顶部对齐（表格中的元素）。现在我有：

xxx yyy zzz
    yyy 
qqq fff ggg

我希望：

xxx yyy zzz
qqq yyy ggg
    fff

代码：

<html>
<style type="text/css">
td {vertical-align:top;padding-right:30px;width:20px;}
th tr {width:220px;}
</style>
<table border="0">
    <tbody>
        <tr>
            <th>header</th>
            <th>header</th>
            <th>header</th>
        </tr>
        <tr>
            <td>td1</td>
            <td>td2 bla bla bla bla bla bla blablablablablablablablablablabla</td>
            <td>td3</td>
        </tr>
        <tr>
            <td>td1</td>
            <td>td2</td>
            <td>td3</td>
        </tr>
    </tbody>
</table>
</html>

我有一个小提琴：the fiddle

提前致谢

Answer 1

这是不可能的（至少不是你设置它的方式）。

你不能'打破'表行。这就是表的工作方式。

我唯一能想到的就是使用rowspan，但我不知道这是否有助于您的具体案例。

http://jsfiddle.net/ws6Aj/1/

<强>更新

请注意Curt's answer您是否应该使用桌子。

Answer 2

如果您对表中已设置的x/y位置中剩余的内容不感到困扰，我猜这不是表格数据，因此您不应该使用表格..

因此我建议使用div和CSS来定位此内容

http://www.vanseodesign.com/css/3-column-css-layout/

Answer 3

您的手机内容与顶部对齐。您似乎想要向上移动第二行单元格中的某些内容。要实现此目的，请将内容移动到第一行。

将td的高度设置为文本的高度

3 个答案: