Question

考虑下表

<table border="1">
    <tr>
        <td>some data</td>
        <td>some data</td>
        <td>&nbsp</td>
    </tr>
    <tr>
        <td>some data</td>
        <td>some data</td>
        <td>need to display smthng here</td>
    </tr>
    <tr>
        <td>some data</td>
        <td>some data</td>
        <td>&nbsp</td>
    </tr>
</table>

我想在第二行旁边显示一些内容。我已经尝试了第三列并将&nbsp放入单元格（1,3）＆amp;单元格（3,3），但它也破坏了外观，因为我也需要桌面边框。

我认为最好将div元素放在表格之外但与第二行平行，但我不知道该怎么做。如果我在第二个<tr>..</tr>结束后包含div元素，则无效。

有人可以提出解决方案吗？我需要桌边框。

Answer 1

您可以使用rowspan attribute

垂直折叠单元格

<table border="1">
    <tr>
        <td>some data</td>
        <td>some data</td>
        <td rowspan="3">need to display smthng here</td>
    </tr>
    <tr>
        <td>some data</td>
        <td>some data</td>

    </tr>
    <tr>
        <td>some data</td>
        <td>some data</td>
    </tr>
</table>

您可以在此处查看输出：jsfiddle.net/8DcAB/

Answer 2

不知道你想要与该行平行显示什么，但请检查这个小提琴http://jsfiddle.net/mQZvx/。希望有助于。

#myDiv{
position: relative;
float: right;
bottom:50px;
right:350px;
}

Answer 3

喜欢这个？ http://jsfiddle.net/4NxY7/

position: absolute会从流中删除元素，因此甚至不需要对其进行排版。

<table border="1">
    <tr>
        <td>some data</td>
        <td>some data</td>
    </tr>
    <tr>
        <td>some data</td>
        <td>some data</td>
        <td style="margin-left: 5px; position: absolute;">
            need to display smthng here
        </td>
    </tr>
    <tr>
        <td>some data</td>
        <td>some data</td>
    </tr>
</table>

沿着3排位置div表外

3 个答案: