表中所有列的相等边框高度

Question

我连续有3列

我需要在商品的正确描述中间使用此边框。每个包的净数量将延伸到平行列（标记和包数）边界高度

Answer 1

用于 table height:100%;

table{
height:100%;
}

的 Demo 的

Answer 2

你必须使用像这样的结构：

<table>

    <tr>
        <td>Marks</td>
        <td>Description</td>
        <td>Quantity</td>
    </tr>

    <tr>
        <td>Lorem...</td>
        <td>Lorem...</td>
        <td>Sit...</td>
    </tr>

    <tr>
        <td>Name and Address</td>
        <td colspan='2'>Signature and date</td>
    </tr>

</table>

查看第三行第二个单元格中 colspan 的属性

Answer 3

首先将height:100%上的样式<td>放在包含<table>

的 <td width="63%" rowspan="2" valign="top" style="border-right:1px solid black; border-top:1px solid black; border-bottom:1px solid black;font-size:18px;height:100%"> 上

height:inherit

然后，将<table>下的样式<td>放在 <table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:inherit"> 下

{{1}}

Answer 4

无需在代码中引入第二个表

Check Fiddle

http://jsfiddle.net/6XsKj/7/