CSS div标签从表行

时间:2016-05-08 17:31:00

标签: javascript jquery html css html-table

我不是CSS的专家;

我的问题是:div标记是否可以根据表格行tableclassid行继承维度?

例如:我们有一个包含几行的表,但我们不知道一个表行的确切大小,但我们知道行的id /类。并且通过在表格上基于id / class绝对定位div标签,从头到尾填充2行!

有人能指点我一些地址或给我一个提示码吗?

<table>
    <col width="9%">
    <thead>
        <tr>
        <th colspan="2">&nbsp;</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th rowspan="2">&nbsp;</th>
            <td>&nbsp;</td>
        </tr>
        <tr> 
            <td>&nbsp;</td>
        </tr>
        <tr>
            <th rowspan="2">&nbsp;</th>
            <td>&nbsp;</td>
        </tr>
        <tr> 
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

我搜索这样的东西:

div and the table

1 个答案:

答案 0 :(得分:1)

你可以使用父td的宽度和高度,然后使用javascript将它们设置为div。你想要这样的东西吗?

https://jsfiddle.net/toLacq32/1/

$(document).ready(function(){
tdWidth = $('#inner-div').closest('td').width();
tdHeight = $('#inner-div').closest('td').height();
$("#inner-div").width( tdWidth ).height(tdHeight);
});