html TD全宽重叠其他

Question

正如您在 jsfiddle 上看到的 http://jsfiddle.net/8khjK/1/ , TD 实际上不是全宽。我希望它是这样的:

text A                      text B        
text A                      text B       
text A                      text B       
----------------------------------
|           ONLY 1 TD            |
----------------------------------
text A                      text B    

td 是否可行，或者我是否需要寻找其他方法，例如创建另一个表？

Answer 1

添加列跨度:

<table>
    <tr>
        <td>text A</td>
        <td>text B</td>
    </tr>
    <tr>
        <td>text A</td>
        <td>text B</td>
    </tr>
    <tr>
        <td>text A</td>
        <td>text B</td>
    </tr>
    <tr>
        <td colspan="2" style=' background-color: #ccc'> Only 1 TD!!!!</td>
    </tr>
    <tr>
        <td>text A</td>
        <td>text B</td>
    </tr>
</table>

fiddle : http://jsfiddle.net/8khjK/2/