如何让我的嵌套表填满它所在的表格单元格?

时间:2013-07-02 09:49:50

标签: html

这是我的代码:

<table border="1"><td>

<table border="1"><tr>

    <td>A</td>

    <td>
        <table border="1"><tr>

        <tr>
            <td><b>B</b></td>
            <td><b>C</b></td>
            <td>D</td>
        </tr>

        <tr>
            <td><b>E</b></td>
            <td><b>F</b></td>
            <td>G</td>
        </tr>

        <tr>
            <td><b>H</b></td>
            <td><b>I</b></td>
            <td>K</td>
        </tr>

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

</tr></table>

<table border="1"><tr>
    <td style="width:600px;">L</td>
    <td>M</td>
</tr></table>

我想这样做:enter image description here

有人可以帮忙吗?

3 个答案:

答案 0 :(得分:1)

这是Fillde Example

这是代码

<table border="1"><td>

<table border="1" width="100%"><tr>

<td>A</td>

<td >
    <table border="1" align="right"><tr>

    <tr>
        <td><b>B</b></td>
        <td><b>C</b></td>
        <td>D</td>
    </tr>

    <tr>
        <td><b>E</b></td>
        <td><b>F</b></td>
        <td>G</td>
    </tr>

    <tr>
        <td><b>H</b></td>
        <td><b>I</b></td>
        <td>K</td>
    </tr>

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

 </tr></table>

<table border="1"><tr>
<td style="width:600px;">L</td>
<td>M</td>
</tr></table>

答案 1 :(得分:0)

<table border="1">
    <tr>
        <td>

        <table border="1" align="left">
            <tr>

            <td style="width:550px;">A</td>

            <td style="width:50px;" align="left">
                <table  border="1"  align="left">

                <tr >
                    <td><b>B</b></td>
                    <td><b>C</b></td>
                    <td>D</td>
                </tr>

                <tr>
                    <td><b>E</b></td>
                    <td><b>F</b></td>
                    <td>G</td>
                 </tr>

                <tr>
                     <td><b>H</b></td>
                    <td><b>I</b></td>
                    <td>K</td>
                </tr>
            </table>
        </td>
        </tr>
        </table>
</td>
</tr></table>

<table border="1"><tr>
    <td style="width:600px;">L</td>
    <td>M</td>
</tr></table>try out this

just make td align left..

    <table border="1"><td>

    <table border="1"><tr>

        <td>A</td>

        <td align="left">
            <table border="1"><tr>

            <tr>
                <td><b>B</b></td>
                <td><b>C</b></td>
                <td>D</td>
            </tr>

            <tr>
                <td><b>E</b></td>
                <td><b>F</b></td>
                <td>G</td>
            </tr>

            <tr>
                <td><b>H</b></td>
                <td><b>I</b></td>
                <td>K</td>
            </tr>

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

    </tr></table>

    <table border="1"><tr>
        <td style="width:600px;">L</td>
        <td>M</td>
    </tr></table>

答案 2 :(得分:0)

为内部表提供属性width="600px;"