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

添加colspan：

<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/

Answer 2

您应该使用该td的colspan属性，因为您希望它有2列空格：

<td colspan="2" ...></td>

html TD全宽与其他重叠

2 个答案: