繁体   English   中英

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

[英]set height of td to the height of the text

我希望我的元素与顶部对齐(表格中的元素)。 我现在有:

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>

我有一个小提琴: 小提琴

提前致谢

这是不可能的(至少不是你设置它的方式)。

你不能'打破'表行。 这就是表的工作原理。

我唯一能想到的是使用rowspan ,但我不知道这是否会对你的具体情况有所帮助。

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

更新

请注意Curt的回答是否应该使用桌子。

如果你没有对x/y位置中剩余的内容感到困扰,那么它就是在表格中设置的,我猜这不是表格数据,因此你不应该使用表格。

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

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

你的内容一致的顶端。 您似乎想要向上移动第二行单元格中的某些内容。 要实现此目的,请将内容移动到第一行。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM