如何用table实现合并

Question

如何用html的table实现这个布局?

Answer 1

http://www.w3school.com.cn/ta...
http://www.w3school.com.cn/ta...
表格有这两个属性应该能满足你的需求

Answer 2

rowspan、colspan 能满足你的需求

Answer 3

第一步：在html中写一个table标签， 你可以先整成7行6列 然后通过对tr td作操作完成table布局。这个整体不难，只要你能够熟练运用 html和 css就可以完成，希望对你有所帮助

Answer 4

<table>
            <tbody>
                <tr>
                    <td colspan="2"></td>
                    
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td rowspan ="2"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>

rowspan表示合并行，要删除下一个tr的一个td
colspan表示合并列 要删除自身tr里面的td