保持TD HEIGHT固定,以便在同一个表中不会延伸TD的内容

时间:2014-08-14 08:27:21

标签: html html-table

layout

我有一个关于基于表格的小BUTTON布局的问题,我正在制作基于表格和TD的直接电子邮件,所以我现在不能真正使用DIVS。

我试图保持A固定,而B与C一起向下伸展。

可悲的是,A与其他人一起伸展,意味着保持正方形和固定的高度。

再一次。

< - > A - 应该到位并修复 B - 与C一起伸展 C - 包含BUTTON A的文本内容,应该使B伸展而不是A.

我希望你知道这是什么。

1 个答案:

答案 0 :(得分:2)

我真的不知道我是否理解你的问题,但这对我来说很好......只有在CSS和B中强制A的高度会自动用C拉伸,但是A保持不变。

http://jsfiddle.net/z172kxu7/1/

table, tr, td {
    border: thin solid black;
    width: 100px;
}

.fixed {
    height: 10px;
}

<table>
    <tr>
        <td class="fixed">A</td>
        <td rowspan="2">Lorem ipsum yolo. Lorem ipsum yolo.</td>
    </tr>

    <tr>
        <td>B</td>
    </tr>
</table>