HTML thead over multiple columns

Question

如何在多个td水平上获得重叠？ text-overflow似乎没有削减它

Answer 1

你是说这个吗？

<table border="1">
    <thead>
        <tr>
            <th>id</th>
            <th colspan="2">Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>Doe</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jane</td>
            <td>Doe</td>
        </tr>
    </tbody>
</table>

<强> JSFiddle Demo